@martinsura/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,4197 @@
+import { cva } from 'class-variance-authority';
+import { twMerge } from 'tailwind-merge';
+import { IconDownload, IconPaperclip, IconFileSpreadsheet, IconX, IconTrashX, IconPlus, IconPencil, IconDotsVertical, IconEyeOff, IconEye, IconCheck, IconDroplet, IconDatabaseOff, IconChevronUp, IconChevronDown, IconSelector, IconCalendar, IconUsers, IconInfoCircle, IconAlertTriangle, IconCircleX, IconBold, IconItalic, IconUnderline, IconList, IconListNumbers, IconLink, IconUnlink, IconClearFormatting, IconUpload, IconAlertCircle, IconTrash, IconLoader2, IconChevronLeft, IconChevronRight, IconSearch } from '@tabler/icons-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useRef, useState, useLayoutEffect, useEffect, useMemo, useContext, useCallback, useId } from 'react';
+import { createPortal } from 'react-dom';
+import dayjs from 'dayjs';
+
+// src/button/button.tsx
+var defaultIcons = {
+  dots: IconDotsVertical,
+  edit: IconPencil,
+  create: IconPlus,
+  delete: IconTrashX,
+  remove: IconX,
+  excel: IconFileSpreadsheet,
+  file: IconPaperclip,
+  download: IconDownload
+};
+var iconRegistry = { ...defaultIcons };
+function registerIcons(icons) {
+  iconRegistry = { ...iconRegistry, ...icons };
+}
+function getIcon(type) {
+  return iconRegistry[type];
+}
+
+// src/theme.ts
+var black = { base: "#000000", hover: "#1f2937" };
+var red = { base: "#dc2626", hover: "#b91c1c" };
+var green = { base: "#16a34a", hover: "#15803d" };
+var amber = { base: "#d97706", hover: "#b45309" };
+var blue = { base: "#2563eb", hover: "#1d4ed8" };
+var gray = {
+  50: "#f9fafb",
+  100: "#f3f4f6",
+  200: "#e5e7eb",
+  300: "#d1d5db",
+  400: "#9ca3af",
+  500: "#6b7280",
+  600: "#4b5563",
+  700: "#374151",
+  800: "#1f2937",
+  900: "#111827"
+};
+var uiTheme = {
+  colors: {
+    primary: { bg: black.base, hover: black.hover, text: "#fff" },
+    danger: { bg: red.base, hover: red.hover, text: "#fff" },
+    success: { bg: green.base, hover: green.hover, text: "#fff" },
+    warning: { bg: amber.base, hover: amber.hover, text: "#fff" },
+    info: { bg: blue.base, hover: blue.hover, text: "#fff" }
+  },
+  size: {
+    small: { height: "28px", px: "10px", text: "12px", radius: "4px" },
+    middle: { height: "32px", px: "12px", text: "13px", radius: "6px" },
+    large: { height: "40px", px: "16px", text: "15px", radius: "8px" }
+  },
+  radius: { sm: "4px", md: "6px", lg: "8px", full: "9999px" },
+  border: {
+    color: "#e5e7eb",
+    input: "#d1d5db",
+    focus: "#6b7280",
+    width: "1px"
+  },
+  shadow: {
+    sm: "0 1px 2px rgba(0,0,0,0.05)",
+    md: "0 4px 6px rgba(0,0,0,0.07)"
+  },
+  font: { family: "sans-serif", size: { sm: "12px", md: "13px", lg: "15px" } },
+  gray,
+  layout: {
+    panel: {
+      headerHeight: "40px",
+      headerPx: "12px",
+      bodyPadding: "12px",
+      footerPx: "12px",
+      footerPy: "8px"
+    },
+    drawer: {
+      headerHeight: "48px",
+      headerPx: "16px",
+      bodyPadding: "24px",
+      footerPx: "12px",
+      footerPy: "10px"
+    },
+    popup: {
+      panelPadding: "12px",
+      compactPaddingX: "12px",
+      compactPaddingY: "8px",
+      compactGap: "8px",
+      text: "13px"
+    },
+    table: {
+      small: { cellPx: "8px", thPy: "6px", tdPy: "4px", emptyPy: "24px" },
+      middle: { cellPx: "12px", thPy: "8px", tdPy: "6px", emptyPy: "32px" },
+      large: { cellPx: "16px", thPy: "10px", tdPy: "8px", emptyPy: "40px" }
+    },
+    empty: {
+      defaultPy: "48px",
+      compactPy: "32px",
+      defaultIconBox: "56px",
+      compactIconBox: "44px",
+      defaultIcon: "28px",
+      compactIcon: "22px",
+      compactText: "13px",
+      compactDescription: "11px"
+    }
+  }
+};
+var inputSizeClasses = {
+  small: "h-(--ui-h-sm) px-(--ui-px-sm) [font-size:var(--ui-text-sm)] rounded-(--ui-radius-sm)",
+  middle: "h-(--ui-h-md) px-(--ui-px-md) [font-size:var(--ui-text-md)] rounded-(--ui-radius-md)",
+  large: "h-(--ui-h-lg) px-(--ui-px-lg) [font-size:var(--ui-text-lg)] rounded-(--ui-radius-lg)"
+};
+var triggerSizeClasses = {
+  small: "min-h-(--ui-h-sm) px-(--ui-px-sm) [font-size:var(--ui-text-sm)] rounded-(--ui-radius-sm)",
+  middle: "min-h-(--ui-h-md) px-(--ui-px-md) [font-size:var(--ui-text-md)] rounded-(--ui-radius-md)",
+  large: "min-h-(--ui-h-lg) px-(--ui-px-lg) [font-size:var(--ui-text-lg)] rounded-(--ui-radius-lg)"
+};
+var multiTriggerSizeClasses = {
+  small: "min-h-(--ui-h-sm) px-(--ui-px-sm) [font-size:var(--ui-text-sm)] rounded-(--ui-radius-sm)",
+  middle: "min-h-(--ui-h-md) px-(--ui-px-md) [font-size:var(--ui-text-md)] rounded-(--ui-radius-md)",
+  large: "min-h-(--ui-h-lg) px-(--ui-px-lg) [font-size:var(--ui-text-lg)] rounded-(--ui-radius-lg)"
+};
+var spinnerIconSize = {
+  small: 14,
+  middle: 18,
+  large: 22
+};
+var spinnerTextSizeClasses = {
+  small: "[font-size:var(--ui-text-sm)]",
+  middle: "[font-size:var(--ui-text-md)]",
+  large: "[font-size:var(--ui-text-lg)]"
+};
+var componentTitleClasses = {
+  default: "font-medium [font-size:var(--ui-text-lg)] text-(--ui-text-strong)",
+  inverse: "font-medium [font-size:var(--ui-text-lg)] text-(--ui-primary-text)"
+};
+var panelLayoutClasses = {
+  header: "min-h-(--ui-panel-header-h) px-(--ui-panel-header-px)",
+  body: "p-(--ui-panel-body-p)",
+  footer: "px-(--ui-panel-footer-px) py-(--ui-panel-footer-py)"
+};
+var drawerLayoutClasses = {
+  header: "h-(--ui-drawer-header-h) px-(--ui-drawer-header-px)",
+  body: "p-(--ui-drawer-body-p)",
+  footer: "px-(--ui-drawer-footer-px) py-(--ui-drawer-footer-py)"
+};
+var popupLayoutClasses = {
+  panel: "p-(--ui-popup-panel-p)",
+  compactRow: "px-(--ui-popup-row-px) py-(--ui-popup-row-py) gap-(--ui-popup-gap) [font-size:var(--ui-popup-text)]",
+  compactHeader: "px-(--ui-popup-row-px) py-(--ui-popup-row-py)",
+  tooltip: "px-(--ui-popup-row-px) py-(--ui-popup-row-py) [font-size:var(--ui-text-sm)]"
+};
+var emptyLayoutClasses = {
+  default: "py-(--ui-empty-py)",
+  compact: "py-(--ui-empty-compact-py)",
+  defaultIconBox: "h-(--ui-empty-icon-box) w-(--ui-empty-icon-box)",
+  compactIconBox: "h-(--ui-empty-compact-icon-box) w-(--ui-empty-compact-icon-box)",
+  compactText: "[font-size:var(--ui-empty-compact-text)]",
+  compactDescription: "[font-size:var(--ui-empty-compact-description)]"
+};
+var neutralTextClasses = {
+  strong: "text-(--ui-text-strong)",
+  default: "text-(--ui-text)",
+  muted: "text-(--ui-text-muted)",
+  soft: "text-(--ui-text-soft)"};
+var neutralSurfaceClasses = {
+  subtle: "bg-(--ui-surface-subtle)"};
+var neutralIconClasses = {
+  default: "text-(--ui-text-soft)",
+  hover: "hover:text-(--ui-text)"
+};
+var inputBaseClass = "w-full border border-(--ui-border-input) bg-white text-(--ui-text-strong) outline-none transition-colors placeholder:text-(--ui-text-soft) focus:border-(--ui-border-focus) disabled:bg-(--ui-surface-muted) disabled:text-(--ui-text-disabled) disabled:cursor-not-allowed";
+var triggerBorderClasses = {
+  default: "border-(--ui-border-input) hover:border-(--ui-border-focus)",
+  open: "border-(--ui-border-focus)",
+  error: "border-(--ui-danger) hover:border-(--ui-danger)",
+  disabled: "bg-(--ui-surface-muted) cursor-not-allowed opacity-60 hover:border-(--ui-border-input)"
+};
+var spinnerColorStyle = {
+  primary: { color: "var(--ui-primary)" },
+  danger: { color: "var(--ui-danger)" },
+  success: { color: "var(--ui-success)" },
+  warning: { color: "var(--ui-warning)" },
+  info: { color: "var(--ui-info)" }
+};
+var Spinner = ({
+  size = "middle",
+  color = "current",
+  label,
+  center = false,
+  className
+}) => {
+  const icon = /* @__PURE__ */ jsx(
+    IconLoader2,
+    {
+      size: typeof size === "number" ? size : spinnerIconSize[size],
+      strokeWidth: 1.5,
+      className: "animate-spin shrink-0"
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: twMerge(
+        "inline-flex items-center",
+        label && "gap-2",
+        center && "w-full justify-center",
+        typeof size === "number" ? "text-sm" : spinnerTextSizeClasses[size],
+        className
+      ),
+      style: color === "current" ? void 0 : spinnerColorStyle[color],
+      children: [
+        icon,
+        label && /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+};
+var Popconfirm = ({
+  children,
+  onConfirm,
+  onCancel,
+  open: controlledOpen,
+  onOpenChange,
+  anchorRect,
+  classNames,
+  ...confirm
+}) => {
+  const triggerRef = useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (next) => {
+    if (controlledOpen === void 0) {
+      setUncontrolledOpen(next);
+    }
+    onOpenChange?.(next);
+  };
+  const rect = anchorRect ?? triggerRef.current?.getBoundingClientRect();
+  const top = rect ? rect.bottom + 4 : 0;
+  const left = rect ? rect.left : 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children && /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        className: twMerge("inline-flex", classNames?.trigger),
+        onClick: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          setOpen(true);
+        },
+        children
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: twMerge("fixed inset-0 z-999", classNames?.overlay),
+            onClick: () => {
+              setOpen(false);
+              onCancel?.();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: twMerge("fixed z-1000 min-w-55 rounded-lg border border-(--ui-border) bg-white shadow-lg", popupLayoutClasses.panel, classNames?.panel),
+            style: { top, left: Math.max(left, 8) },
+            children: [
+              /* @__PURE__ */ jsx("p", { className: twMerge("mb-3 text-sm text-(--ui-text)", classNames?.message), children: confirm.message }),
+              /* @__PURE__ */ jsxs("div", { className: twMerge("flex justify-end gap-2", classNames?.actions), children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge("h-7 rounded-(--ui-radius-sm) border border-(--ui-border-strong) bg-white px-2.5 text-xs text-(--ui-text) cursor-pointer hover:bg-(--ui-surface-subtle)", classNames?.cancelButton),
+                    onClick: () => {
+                      setOpen(false);
+                      onCancel?.();
+                    },
+                    children: confirm.confirmCancel ?? "Zru\u0161it"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      "h-7 rounded-(--ui-radius-sm) px-2.5 text-xs cursor-pointer",
+                      confirm.confirmColor === "red" ? "bg-(--ui-danger) text-(--ui-danger-text) hover:bg-(--ui-danger-hover)" : "bg-(--ui-primary) text-(--ui-primary-text) hover:bg-(--ui-primary-hover)",
+                      classNames?.confirmButton
+                    ),
+                    onClick: () => {
+                      setOpen(false);
+                      onConfirm();
+                    },
+                    children: confirm.confirmOk ?? "Potvrdit"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }),
+      document.body
+    )
+  ] });
+};
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 font-medium cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed select-none",
+  {
+    variants: {
+      variant: {
+        primary: "bg-(--ui-primary) text-(--ui-primary-text) hover:bg-(--ui-primary-hover) active:bg-(--ui-primary-active)",
+        danger: "bg-(--ui-danger) text-(--ui-danger-text) hover:bg-(--ui-danger-hover) active:bg-(--ui-danger-hover)",
+        success: "bg-(--ui-success) text-(--ui-success-text) hover:bg-(--ui-success-hover) active:bg-(--ui-success-hover)",
+        default: "bg-white text-(--ui-text) border border-(--ui-border-strong) hover:bg-(--ui-surface-subtle) active:bg-(--ui-surface-muted)",
+        ghost: "text-(--ui-text) hover:bg-(--ui-surface-muted) active:bg-(--ui-surface-subtle)",
+        link: "text-(--ui-primary) hover:underline p-0! h-auto!"
+      },
+      size: {
+        small: "h-(--ui-h-sm) px-(--ui-px-sm) [font-size:var(--ui-text-sm)] rounded-(--ui-radius-sm)",
+        middle: "h-(--ui-h-md) px-(--ui-px-md) [font-size:var(--ui-text-md)] rounded-(--ui-radius-md)",
+        large: "h-(--ui-h-lg) px-(--ui-px-lg) [font-size:var(--ui-text-lg)] rounded-(--ui-radius-lg)"
+      },
+      block: {
+        true: "w-full",
+        false: ""
+      },
+      shape: {
+        default: "",
+        circle: "rounded-full aspect-square px-0!",
+        round: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "middle",
+      block: false,
+      shape: "default"
+    }
+  }
+);
+var iconSizeMap = {
+  small: 14,
+  middle: 16,
+  large: 18
+};
+var Button = ({
+  variant = "primary",
+  size = "middle",
+  shape = "default",
+  block = false,
+  iconPosition = "left",
+  ...props
+}) => {
+  const iconSize = props.iconSize ?? iconSizeMap[size];
+  const IconComponent = props.icon ?? (props.iconType ? getIcon(props.iconType) : void 0);
+  const iconNode = IconComponent ? /* @__PURE__ */ jsx(IconComponent, { size: iconSize, strokeWidth: 1.5, className: props.classNames?.icon }) : void 0;
+  const handleClick = () => {
+    if (props.disabled || props.loading) {
+      return;
+    }
+    props.onClick?.();
+  };
+  const button = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: props.htmlType ?? "button",
+      disabled: props.disabled || props.loading,
+      className: twMerge(buttonVariants({ variant, size, block, shape }), props.className),
+      onClick: props.confirm ? void 0 : handleClick,
+      children: [
+        props.loading ? /* @__PURE__ */ jsx(Spinner, { size: iconSize, color: "current", className: props.classNames?.spinner }) : iconPosition === "left" && iconNode,
+        /* @__PURE__ */ jsx("span", { className: props.classNames?.content, children: props.text ?? props.children }),
+        !props.loading && iconPosition === "right" && iconNode
+      ]
+    }
+  );
+  if (!props.confirm) {
+    return button;
+  }
+  return /* @__PURE__ */ jsx(
+    Popconfirm,
+    {
+      message: props.confirm.message,
+      confirmOk: props.confirm.confirmOk,
+      confirmCancel: props.confirm.confirmCancel,
+      confirmColor: props.confirm.confirmColor,
+      onConfirm: handleClick,
+      children: button
+    }
+  );
+};
+var InputField = ({ noMargin, className, children }) => /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col gap-1", !noMargin && "mb-3", className), children });
+var InputLabel = ({ label, required, className, requiredMarkClassName }) => /* @__PURE__ */ jsxs("label", { className: twMerge("text-sm text-(--ui-text)", className), children: [
+  label,
+  required && /* @__PURE__ */ jsx("span", { className: twMerge("ml-0.5 text-(--ui-danger)", requiredMarkClassName), children: "*" })
+] });
+var InputError = ({ error, className }) => /* @__PURE__ */ jsx("span", { className: twMerge("text-xs text-(--ui-danger)", className), children: error });
+var ErrorContext = createContext({
+  resolveInputError: () => [],
+  resolveServerError: () => null
+});
+var ErrorProvider = ({ resolveInputError, resolveServerError, children }) => /* @__PURE__ */ jsx(ErrorContext.Provider, { value: { resolveInputError, resolveServerError }, children });
+var useErrorResolver = () => useContext(ErrorContext).resolveInputError;
+var useServerError = () => useContext(ErrorContext).resolveServerError;
+var TextInput = ({
+  size = "middle",
+  password = false,
+  newPassword = false,
+  ...props
+}) => {
+  const [showPassword, setShowPassword] = useState(false);
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const inputType = !password ? "text" : showPassword ? "text" : "password";
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: twMerge("relative", props.classNames?.inputWrapper), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: inputType,
+          autoComplete: newPassword ? "new-password" : void 0,
+          placeholder: props.placeholder,
+          value: props.value ?? "",
+          disabled: props.disabled,
+          onChange: (e) => props.onChange?.(e.target.value),
+          className: twMerge(
+            inputBaseClass,
+            inputSizeClasses[size],
+            password && "pr-8",
+            hasError && "border-(--ui-danger)",
+            props.classNames?.input
+          )
+        }
+      ),
+      password && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          onClick: () => setShowPassword((v) => !v),
+          className: twMerge(
+            "absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer",
+            neutralIconClasses.default,
+            neutralIconClasses.hover,
+            props.classNames?.passwordToggle
+          ),
+          children: showPassword ? /* @__PURE__ */ jsx(IconEyeOff, { size: 14, strokeWidth: 1.5 }) : /* @__PURE__ */ jsx(IconEye, { size: 14, strokeWidth: 1.5 })
+        }
+      )
+    ] }),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var numberInputClass = inputBaseClass + " [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
+var NumberInput = ({
+  size = "middle",
+  ...props
+}) => {
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const handleChange = (e) => {
+    const raw = e.target.value;
+    if (raw === "" || raw === "-") {
+      props.onChange?.(null);
+      return;
+    }
+    const num = parseFloat(raw);
+    if (!isNaN(num)) {
+      props.onChange?.(num);
+    }
+  };
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        placeholder: props.placeholder,
+        value: props.value ?? "",
+        disabled: props.disabled,
+        min: props.min,
+        max: props.max,
+        onChange: handleChange,
+        className: twMerge(
+          numberInputClass,
+          inputSizeClasses[size],
+          hasError && "border-(--ui-danger)",
+          props.classNames?.input
+        )
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var CheckboxInput = ({
+  value = false,
+  ...props
+}) => {
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const checked = value ?? false;
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: twMerge(
+          "inline-flex items-center gap-2",
+          props.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          props.classNames?.label
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              disabled: props.disabled,
+              onChange: (e) => props.onChange?.(e.target.checked),
+              className: "sr-only peer"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: twMerge(
+                "relative shrink-0 w-4 h-4 rounded border transition-colors",
+                "peer-focus-visible:ring-2 peer-focus-visible:ring-(--ui-border-focus) peer-focus-visible:ring-offset-2",
+                checked ? "bg-(--ui-primary) border-(--ui-primary)" : "bg-white border-(--ui-border-strong)",
+                hasError && "border-(--ui-danger)",
+                props.classNames?.control
+              ),
+              children: checked && /* @__PURE__ */ jsx(
+                IconCheck,
+                {
+                  size: 12,
+                  strokeWidth: 2.5,
+                  className: twMerge("absolute inset-0 m-auto text-white", props.classNames?.indicator)
+                }
+              )
+            }
+          ),
+          props.label && /* @__PURE__ */ jsx("span", { className: twMerge("text-sm", neutralTextClasses.default, props.classNames?.text), children: props.label })
+        ]
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var SwitchInput = ({
+  value = false,
+  size = "middle",
+  ...props
+}) => {
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const checked = value ?? false;
+  const trackClasses = size === "small" ? "h-5 w-9 p-0.5" : "h-6 w-11 p-0.5";
+  const thumbSizeClass = size === "small" ? "h-4 w-4" : "h-5 w-5";
+  const thumbPositionClass = size === "small" ? "left-[1px] top-1/2 -translate-y-1/2 peer-checked:translate-x-4" : "left-[1px] top-1/2 -translate-y-1/2 peer-checked:translate-x-5";
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: twMerge(
+          "inline-flex items-center gap-3",
+          props.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          props.classNames?.label
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              disabled: props.disabled,
+              onChange: (e) => props.onChange?.(e.target.checked),
+              className: "sr-only peer"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: twMerge(
+                "relative shrink-0 rounded-full border transition-colors",
+                "peer-focus-visible:ring-2 peer-focus-visible:ring-(--ui-border-focus) peer-focus-visible:ring-offset-2",
+                trackClasses,
+                checked ? "border-(--ui-primary) bg-(--ui-primary)" : "border-(--ui-border-strong) bg-(--ui-surface-muted)",
+                hasError && "border-(--ui-danger)",
+                props.classNames?.track
+              ),
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: twMerge(
+                    "absolute rounded-full bg-white shadow-sm transition-transform",
+                    thumbSizeClass,
+                    thumbPositionClass,
+                    props.classNames?.thumb
+                  )
+                }
+              )
+            }
+          ),
+          (props.label || props.checkedLabel || props.uncheckedLabel) && /* @__PURE__ */ jsx("span", { className: twMerge("text-sm", neutralTextClasses.default, props.classNames?.text), children: props.label ?? (checked ? props.checkedLabel : props.uncheckedLabel) })
+        ]
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var GAP = 6;
+var VIEWPORT_MARGIN = 8;
+var FLOATING_ROOT_SELECTOR = "[data-ui-floating-root]";
+function calcPosition(triggerRect, panelRect, placement) {
+  const spaceBelow = window.innerHeight - triggerRect.bottom - VIEWPORT_MARGIN;
+  const spaceAbove = triggerRect.top - VIEWPORT_MARGIN;
+  const openAbove = spaceBelow < panelRect.height && spaceAbove > spaceBelow;
+  const preferEnd = placement === "bottom-end";
+  const startLeft = triggerRect.left;
+  const endLeft = triggerRect.right - panelRect.width;
+  const overflowsRightWithStart = startLeft + panelRect.width > window.innerWidth - VIEWPORT_MARGIN;
+  const overflowsLeftWithEnd = endLeft < VIEWPORT_MARGIN;
+  const startFits = !overflowsRightWithStart;
+  const endFits = !overflowsLeftWithEnd;
+  let unclampedLeft = preferEnd ? endLeft : startLeft;
+  if (placement === "auto") {
+    if (endFits && (!startFits || triggerRect.right > window.innerWidth / 2)) {
+      unclampedLeft = endLeft;
+    } else {
+      unclampedLeft = startLeft;
+    }
+  }
+  if (placement !== "auto" && !preferEnd && overflowsRightWithStart && endLeft >= VIEWPORT_MARGIN) {
+    unclampedLeft = endLeft;
+  } else if (placement !== "auto" && preferEnd && overflowsLeftWithEnd && startLeft + panelRect.width <= window.innerWidth - VIEWPORT_MARGIN) {
+    unclampedLeft = startLeft;
+  }
+  return {
+    top: openAbove ? Math.max(triggerRect.top - panelRect.height - GAP, VIEWPORT_MARGIN) : Math.min(triggerRect.bottom + GAP, window.innerHeight - panelRect.height - VIEWPORT_MARGIN),
+    left: Math.min(
+      Math.max(unclampedLeft, VIEWPORT_MARGIN),
+      Math.max(window.innerWidth - panelRect.width - VIEWPORT_MARGIN, VIEWPORT_MARGIN)
+    ),
+    minWidth: triggerRect.width,
+    maxHeight: Math.max((openAbove ? spaceAbove : spaceBelow) - GAP, 120)
+  };
+}
+var isAction = (option) => !option.divider;
+var Dropdown = ({
+  children,
+  options,
+  content,
+  open: controlledOpen,
+  onOpenChange,
+  placement = "auto",
+  panelClassName,
+  className,
+  matchTriggerWidth = true,
+  classNames
+}) => {
+  const triggerRef = useRef(null);
+  const popupRef = useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const [pos, setPos] = useState(null);
+  const [pendingConfirm, setPendingConfirm] = useState(null);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (next) => {
+    if (next) {
+      setPos(null);
+    }
+    if (controlledOpen === void 0) {
+      setUncontrolledOpen(next);
+    }
+    onOpenChange?.(next);
+  };
+  useLayoutEffect(() => {
+    if (!open || !triggerRef.current) {
+      return;
+    }
+    const triggerEl = triggerRef.current;
+    let frame = 0;
+    let resizeObserver = null;
+    const updatePosition = () => {
+      if (!triggerEl || !popupRef.current) {
+        return;
+      }
+      setPos(calcPosition(
+        triggerEl.getBoundingClientRect(),
+        popupRef.current.getBoundingClientRect(),
+        placement
+      ));
+    };
+    frame = requestAnimationFrame(updatePosition);
+    if (typeof ResizeObserver !== "undefined" && popupRef.current) {
+      resizeObserver = new ResizeObserver(() => updatePosition());
+      resizeObserver.observe(popupRef.current);
+    }
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      cancelAnimationFrame(frame);
+      resizeObserver?.disconnect();
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [open, placement]);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handleMouseDown = (e) => {
+      const target = e.target;
+      const targetElement = target instanceof Element ? target : null;
+      const isInsideAnotherFloatingRoot = !!targetElement?.closest(FLOATING_ROOT_SELECTOR);
+      if (!isInsideAnotherFloatingRoot && popupRef.current && !popupRef.current.contains(target) && triggerRef.current && !triggerRef.current.contains(target)) {
+        setOpen(false);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  const visibleOptions = (options ?? []).filter((option) => option.visible !== false);
+  const renderedContent = typeof content === "function" ? content({ close: () => setOpen(false) }) : content;
+  const panel = renderedContent ?? /* @__PURE__ */ jsx("div", { className: twMerge("py-[calc(var(--ui-popup-row-py)/2)]", classNames?.content), children: visibleOptions.map((option, index) => {
+    if (!isAction(option)) {
+      return /* @__PURE__ */ jsx("div", { className: twMerge("my-1 border-t border-(--ui-border)", classNames?.divider) }, `divider-${index}`);
+    }
+    const Icon = option.icon ?? (option.iconType ? getIcon(option.iconType) : void 0);
+    const handleSelect = () => {
+      if (option.disabled) {
+        return;
+      }
+      const shouldClose = option.closeOnSelect ?? true;
+      if (shouldClose) {
+        setOpen(false);
+      }
+      if (option.confirm) {
+        const target = popupRef.current?.getBoundingClientRect() ?? triggerRef.current?.getBoundingClientRect();
+        if (target) {
+          setPendingConfirm({ option, anchorRect: target });
+        }
+        return;
+      }
+      option.onSelect?.();
+    };
+    if (option.custom) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: twMerge("w-full", popupLayoutClasses.compactHeader, option.className, classNames?.content),
+          style: option.color ? { color: option.color } : void 0,
+          children: option.label
+        },
+        `option-${index}`
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: option.disabled,
+        onClick: handleSelect,
+        className: twMerge(
+          "w-full flex items-center text-left transition-colors",
+          popupLayoutClasses.compactRow,
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          option.disabled ? "" : "cursor-pointer hover:bg-gray-50",
+          option.className,
+          classNames?.option
+        ),
+        style: option.color ? { color: option.color } : void 0,
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { size: 14, strokeWidth: 1.5, className: twMerge("shrink-0", classNames?.optionIcon) }),
+          /* @__PURE__ */ jsx("span", { className: twMerge("min-w-0 truncate", classNames?.optionLabel), children: option.label })
+        ]
+      },
+      `option-${index}`
+    );
+  }) });
+  const confirmAnchorRect = useMemo(() => {
+    if (!pendingConfirm) return null;
+    const rect = pendingConfirm.anchorRect;
+    if (placement === "bottom-end") {
+      return {
+        ...rect,
+        left: rect.right - 220,
+        right: rect.right
+      };
+    }
+    return rect;
+  }, [pendingConfirm, placement]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        onClick: () => setOpen(!open),
+        className: twMerge("inline-flex", className, classNames?.trigger),
+        children
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: popupRef,
+          "data-ui-floating-root": "",
+          className: twMerge(
+            "fixed z-1000 min-w-40 overflow-auto rounded-(--ui-radius-lg) border border-(--ui-border) bg-white shadow-lg",
+            !pos && "invisible",
+            panelClassName,
+            classNames?.panel
+          ),
+          style: {
+            top: pos?.top ?? 0,
+            left: pos?.left ?? 0,
+            minWidth: matchTriggerWidth ? pos?.minWidth ?? triggerRef.current?.getBoundingClientRect().width : void 0,
+            maxHeight: pos?.maxHeight
+          },
+          children: panel
+        }
+      ),
+      document.body
+    ),
+    pendingConfirm && /* @__PURE__ */ jsx(
+      Popconfirm,
+      {
+        open: true,
+        anchorRect: confirmAnchorRect,
+        message: pendingConfirm.option.confirm?.message ?? "",
+        confirmOk: pendingConfirm.option.confirm?.confirmOk,
+        confirmCancel: pendingConfirm.option.confirm?.confirmCancel,
+        confirmColor: pendingConfirm.option.confirm?.confirmColor,
+        onOpenChange: (next) => {
+          if (!next) setPendingConfirm(null);
+        },
+        onCancel: () => setPendingConfirm(null),
+        onConfirm: () => {
+          pendingConfirm.option.onSelect?.();
+          setPendingConfirm(null);
+        }
+      }
+    )
+  ] });
+};
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function normalizeHex(value) {
+  if (!value) return null;
+  const raw = value.trim().replace(/^#/, "");
+  if (/^[0-9a-fA-F]{3}$/.test(raw)) {
+    return `#${raw.split("").map((char) => char + char).join("").toUpperCase()}`;
+  }
+  if (/^[0-9a-fA-F]{4}$/.test(raw)) {
+    return `#${raw.split("").map((char) => char + char).join("").toUpperCase()}`;
+  }
+  if (/^[0-9a-fA-F]{6}$/.test(raw) || /^[0-9a-fA-F]{8}$/.test(raw)) {
+    return `#${raw.toUpperCase()}`;
+  }
+  return null;
+}
+function hexToRgba(value) {
+  const normalized = normalizeHex(value);
+  if (!normalized) {
+    return { r: 37, g: 99, b: 235, a: 1 };
+  }
+  const raw = normalized.slice(1);
+  const hasAlpha = raw.length === 8;
+  return {
+    r: parseInt(raw.slice(0, 2), 16),
+    g: parseInt(raw.slice(2, 4), 16),
+    b: parseInt(raw.slice(4, 6), 16),
+    a: hasAlpha ? parseInt(raw.slice(6, 8), 16) / 255 : 1
+  };
+}
+function rgbaToHex(r, g, b, a = 1) {
+  const toHex = (value) => clamp(Math.round(value), 0, 255).toString(16).padStart(2, "0").toUpperCase();
+  const rgb = `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+  if (a >= 0.999) return rgb;
+  return `${rgb}${toHex(a * 255)}`;
+}
+function rgbToHsv(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const delta = max - min;
+  let h = 0;
+  if (delta !== 0) {
+    if (max === rn) h = 60 * ((gn - bn) / delta % 6);
+    else if (max === gn) h = 60 * ((bn - rn) / delta + 2);
+    else h = 60 * ((rn - gn) / delta + 4);
+  }
+  return {
+    h: h < 0 ? h + 360 : h,
+    s: max === 0 ? 0 : delta / max,
+    v: max,
+    a: 1
+  };
+}
+function hsvToRgb(h, s, v) {
+  const c = v * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = v - c;
+  let r1 = 0;
+  let g1 = 0;
+  let b1 = 0;
+  if (h >= 0 && h < 60) [r1, g1, b1] = [c, x, 0];
+  else if (h < 120) [r1, g1, b1] = [x, c, 0];
+  else if (h < 180) [r1, g1, b1] = [0, c, x];
+  else if (h < 240) [r1, g1, b1] = [0, x, c];
+  else if (h < 300) [r1, g1, b1] = [x, 0, c];
+  else [r1, g1, b1] = [c, 0, x];
+  return {
+    r: Math.round((r1 + m) * 255),
+    g: Math.round((g1 + m) * 255),
+    b: Math.round((b1 + m) * 255)
+  };
+}
+function hexToHsva(value) {
+  const rgba = hexToRgba(value);
+  const hsv = rgbToHsv(rgba.r, rgba.g, rgba.b);
+  return { ...hsv, a: rgba.a };
+}
+function hsvaToHex(value) {
+  const rgb = hsvToRgb(value.h, value.s, value.v);
+  return rgbaToHex(rgb.r, rgb.g, rgb.b, value.a);
+}
+var ColorInput = ({
+  size = "middle",
+  placeholder = "Vyberte barvu",
+  presets,
+  allowClear = true,
+  variant = "default",
+  showAlpha = false,
+  ...props
+}) => {
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const [open, setOpen] = useState(false);
+  const normalizedValue = normalizeHex(props.value);
+  const [draft, setDraft] = useState(normalizedValue ?? "");
+  const [pickerValue, setPickerValue] = useState(() => hexToHsva(props.value));
+  const saturationRef = useRef(null);
+  useEffect(() => {
+    setDraft(normalizedValue ?? "");
+    setPickerValue(hexToHsva(normalizedValue));
+  }, [normalizedValue]);
+  const normalizedPresets = useMemo(
+    () => (presets ?? []).map(normalizeHex).filter((value) => !!value),
+    [presets]
+  );
+  const commitHex = (next) => {
+    setDraft(next ?? "");
+    setPickerValue(hexToHsva(next));
+    props.onChange?.(next);
+  };
+  const commitDraft = () => {
+    const next = normalizeHex(draft);
+    if (!draft.trim()) {
+      commitHex(null);
+      return;
+    }
+    if (next) {
+      commitHex(next);
+    } else {
+      setDraft(normalizedValue ?? "");
+    }
+  };
+  const updatePicker = (next) => {
+    const merged = {
+      ...pickerValue,
+      ...next,
+      h: clamp(next.h ?? pickerValue.h, 0, 360),
+      s: clamp(next.s ?? pickerValue.s, 0, 1),
+      v: clamp(next.v ?? pickerValue.v, 0, 1),
+      a: clamp(next.a ?? pickerValue.a, 0, 1)
+    };
+    setPickerValue(merged);
+    const result = hsvaToHex(showAlpha ? merged : { ...merged, a: 1 });
+    setDraft(result);
+    props.onChange?.(result);
+  };
+  const hueColor = hsvaToHex({ h: pickerValue.h, s: 1, v: 1, a: 1 });
+  const triggerText = normalizedValue ?? placeholder;
+  const updateSaturationFromPointer = (clientX, clientY) => {
+    if (!saturationRef.current) return;
+    const rect = saturationRef.current.getBoundingClientRect();
+    const s = clamp((clientX - rect.left) / rect.width, 0, 1);
+    const v = clamp(1 - (clientY - rect.top) / rect.height, 0, 1);
+    updatePicker({ s, v });
+  };
+  const startSaturationDrag = (clientX, clientY) => {
+    updateSaturationFromPointer(clientX, clientY);
+    const handleMove = (e) => updateSaturationFromPointer(e.clientX, e.clientY);
+    const handleUp = () => {
+      window.removeEventListener("mousemove", handleMove);
+      window.removeEventListener("mouseup", handleUp);
+    };
+    window.addEventListener("mousemove", handleMove);
+    window.addEventListener("mouseup", handleUp);
+  };
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        open,
+        onOpenChange: (next) => !props.disabled && setOpen(next),
+        placement: "bottom-start",
+        matchTriggerWidth: false,
+        panelClassName: variant === "picker" ? "w-[320px] max-w-[320px]" : "w-[256px] max-w-[256px]",
+        content: () => /* @__PURE__ */ jsxs("div", { className: twMerge("grid gap-3", popupLayoutClasses.panel, props.classNames?.panel), children: [
+          variant === "picker" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ref: saturationRef,
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    startSaturationDrag(e.clientX, e.clientY);
+                  },
+                  className: twMerge("relative h-44 rounded-(--ui-radius-lg) border border-(--ui-border) cursor-crosshair overflow-hidden", props.classNames?.saturation),
+                  style: { backgroundColor: hueColor },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-r from-white to-transparent" }),
+                    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black to-transparent" }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "absolute h-4 w-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-sm",
+                        style: {
+                          left: `${pickerValue.s * 100}%`,
+                          top: `${(1 - pickerValue.v) * 100}%`
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "range",
+                    min: 0,
+                    max: 360,
+                    value: pickerValue.h,
+                    onChange: (e) => updatePicker({ h: Number(e.target.value) }),
+                    className: twMerge("h-2 w-full cursor-pointer appearance-none rounded-full border border-(--ui-border)", props.classNames?.hueSlider),
+                    style: {
+                      background: "linear-gradient(90deg, #FF0000 0%, #FFFF00 17%, #00FF00 33%, #00FFFF 50%, #0000FF 67%, #FF00FF 83%, #FF0000 100%)"
+                    }
+                  }
+                ),
+                showAlpha && /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "range",
+                    min: 0,
+                    max: 100,
+                    value: Math.round(pickerValue.a * 100),
+                    onChange: (e) => updatePicker({ a: Number(e.target.value) / 100 }),
+                    className: twMerge("h-2 w-full cursor-pointer appearance-none rounded-full border border-(--ui-border)", props.classNames?.alphaSlider),
+                    style: {
+                      background: `linear-gradient(90deg, transparent 0%, ${hsvaToHex({ ...pickerValue, a: 1 })} 100%)`
+                    }
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: twMerge("grid grid-cols-[1fr_auto] gap-2", props.classNames?.hexRow), children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: draft,
+                  disabled: props.disabled,
+                  placeholder: showAlpha ? "#000000FF" : "#000000",
+                  onChange: (e) => setDraft(e.target.value),
+                  onBlur: commitDraft,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      commitDraft();
+                    }
+                  },
+                  className: twMerge(inputBaseClass, inputSizeClasses.small, props.classNames?.hexInput)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: twMerge("h-(--ui-h-sm) w-11 rounded-(--ui-radius-md) border border-(--ui-border)", props.classNames?.preview),
+                  style: { backgroundColor: normalizedValue ?? "transparent" }
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center gap-3", props.classNames?.hexRow), children: [
+              /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: twMerge(
+                    "relative block h-11 w-11 shrink-0 overflow-hidden rounded-(--ui-radius-md) border border-(--ui-border) cursor-pointer",
+                    props.disabled && "pointer-events-none opacity-60"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "color",
+                        value: normalizedValue ?? "#000000",
+                        disabled: props.disabled,
+                        onChange: (e) => {
+                          const next = normalizeHex(e.target.value);
+                          commitHex(next);
+                        },
+                        className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "absolute inset-0",
+                        style: { backgroundColor: normalizedValue ?? "var(--ui-surface-subtle)" }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: draft,
+                  disabled: props.disabled,
+                  placeholder: "#000000",
+                  onChange: (e) => setDraft(e.target.value),
+                  onBlur: commitDraft,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      commitDraft();
+                    }
+                  },
+                  className: twMerge(inputBaseClass, inputSizeClasses.small, props.classNames?.hexInput)
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: twMerge("text-xs", neutralTextClasses.muted), children: "Zadejte HEX barvu nebo ji vyberte z pickeru." })
+          ] }),
+          normalizedPresets.length > 0 && /* @__PURE__ */ jsxs("div", { className: twMerge("grid gap-2", props.classNames?.presets), children: [
+            /* @__PURE__ */ jsx("div", { className: twMerge("text-xs font-medium", neutralTextClasses.muted), children: "Rychl\xE9 volby" }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: normalizedPresets.map((color) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => commitHex(color),
+                className: twMerge(
+                  "h-7 w-7 rounded-(--ui-radius-sm) border border-(--ui-border) transition-transform cursor-pointer hover:scale-105",
+                  normalizedValue === color && "ring-2 ring-(--ui-border-focus) ring-offset-2 ring-offset-white",
+                  props.classNames?.presetButton
+                ),
+                style: { backgroundColor: color },
+                "aria-label": `Vybrat barvu ${color}`
+              },
+              color
+            )) })
+          ] })
+        ] }),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: twMerge(
+              "flex items-center gap-2 border bg-white cursor-pointer transition-colors select-none",
+              inputSizeClasses[size],
+              open ? triggerBorderClasses.open : triggerBorderClasses.default,
+              props.disabled && triggerBorderClasses.disabled,
+              hasError && triggerBorderClasses.error,
+              props.classNames?.trigger
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: twMerge(
+                    "h-4 w-4 shrink-0 rounded-(--ui-radius-sm) border border-(--ui-border)",
+                    !normalizedValue && neutralSurfaceClasses.subtle,
+                    props.classNames?.swatch
+                  ),
+                  style: normalizedValue ? { backgroundColor: normalizedValue } : void 0
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: twMerge("min-w-0 flex-1 truncate", normalizedValue ? neutralTextClasses.strong : neutralTextClasses.soft, props.classNames?.value), children: triggerText }),
+              allowClear && normalizedValue && !props.disabled && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    commitHex(null);
+                  },
+                  className: twMerge("shrink-0 cursor-pointer", neutralIconClasses.default, neutralIconClasses.hover, props.classNames?.clearButton),
+                  children: /* @__PURE__ */ jsx(IconX, { size: 12, strokeWidth: 2 })
+                }
+              ),
+              /* @__PURE__ */ jsx(IconDroplet, { size: 14, strokeWidth: 1.5, className: twMerge("shrink-0", neutralIconClasses.default, props.classNames?.icon) })
+            ]
+          }
+        )
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var Empty = ({
+  text = "\u017D\xE1dn\xE9 z\xE1znamy k dispozici",
+  description,
+  icon: Icon = IconDatabaseOff,
+  className,
+  size = "default"
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: twMerge(
+      "flex flex-col items-center justify-center text-center",
+      size === "default" ? emptyLayoutClasses.default : emptyLayoutClasses.compact,
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: twMerge(
+            "mb-3 flex items-center justify-center rounded-full border border-dashed border-(--ui-border) bg-(--ui-surface-subtle)",
+            size === "default" ? emptyLayoutClasses.defaultIconBox : twMerge("mb-2.5", emptyLayoutClasses.compactIconBox)
+          ),
+          children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              size: "1em",
+              strokeWidth: 1.5,
+              className: twMerge(
+                neutralTextClasses.soft,
+                size === "default" ? "[font-size:var(--ui-empty-icon)]" : "[font-size:var(--ui-empty-compact-icon)]"
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: twMerge("font-medium text-(--ui-text-muted)", size === "default" ? "text-sm" : emptyLayoutClasses.compactText), children: text }),
+      description && /* @__PURE__ */ jsx("p", { className: twMerge("mt-1 max-w-xs text-(--ui-text-soft)", size === "default" ? "text-xs" : emptyLayoutClasses.compactDescription), children: description })
+    ]
+  }
+);
+var tableSizeConfig = {
+  small: { th: "px-(--ui-table-cell-x-sm) py-(--ui-table-th-y-sm) [font-size:var(--ui-text-sm)]", td: "px-(--ui-table-cell-x-sm) py-(--ui-table-td-y-sm) [font-size:var(--ui-text-sm)]", emptyPy: "py-(--ui-table-empty-y-sm)" },
+  middle: { th: "px-(--ui-table-cell-x-md) py-(--ui-table-th-y-md) [font-size:var(--ui-text-md)]", td: "px-(--ui-table-cell-x-md) py-(--ui-table-td-y-md) [font-size:var(--ui-text-md)]", emptyPy: "py-(--ui-table-empty-y-md)" },
+  large: { th: "px-(--ui-table-cell-x-lg) py-(--ui-table-th-y-lg) [font-size:var(--ui-text-lg)]", td: "px-(--ui-table-cell-x-lg) py-(--ui-table-td-y-lg) [font-size:var(--ui-text-lg)]", emptyPy: "py-(--ui-table-empty-y-lg)" }
+};
+var tableHeaderVerticalBorderClass = "border-r border-(--ui-primary-text)/10 last:border-r-0";
+var tableCellVerticalBorderClass = "border-r border-(--ui-border) last:border-r-0";
+var columnTypeWidth = {
+  date: 100,
+  datetime: 130,
+  dot: 36
+};
+function formatCellValue(value, type) {
+  if (value === null || value === void 0) return "-";
+  switch (type) {
+    case "date":
+      return dayjs(value).format("D.M.YYYY");
+    case "datetime":
+      return dayjs(value).format("D.M.YYYY H:mm");
+    case "boolean":
+      return /* @__PURE__ */ jsx("input", { type: "checkbox", readOnly: true, checked: value, className: "cursor-default" });
+    case "yes/no":
+      return value ? "Ano" : "Ne";
+    default:
+      return String(value);
+  }
+}
+function getKey(item, items, rowKey) {
+  return rowKey ? String(item[rowKey]) : items.indexOf(item);
+}
+var Table = ({
+  loading = false,
+  emptyText = "\u017D\xE1dn\xE9 z\xE1znamy",
+  size = "middle",
+  verticalBorders = false,
+  ...props
+}) => {
+  const sc = tableSizeConfig[size];
+  const isEmpty = !loading && props.items.length === 0;
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("relative overflow-x-auto border border-(--ui-border) rounded-(--ui-radius-lg)", props.className), children: [
+    loading && /* @__PURE__ */ jsx("div", { className: twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) }),
+    /* @__PURE__ */ jsxs("table", { className: twMerge("w-full border-collapse", props.classNames?.table), children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: twMerge("bg-(--ui-primary) text-(--ui-primary-text)", props.classNames?.headerRow), children: props.columns.map((col, i) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          style: { width: col.width ?? columnTypeWidth[col.type] },
+          className: twMerge(
+            sc.th,
+            "font-normal text-left whitespace-nowrap",
+            verticalBorders && tableHeaderVerticalBorderClass,
+            col.align === "center" && "text-center",
+            col.align === "right" && "text-right",
+            props.classNames?.headerCell
+          ),
+          children: col.title
+        },
+        i
+      )) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: isEmpty ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: props.columns.length,
+          className: twMerge("px-3", props.classNames?.emptyCell),
+          children: /* @__PURE__ */ jsx(Empty, { size: "compact", text: emptyText, className: sc.emptyPy })
+        }
+      ) }) : props.items.map((item, rowIdx) => /* @__PURE__ */ jsx(
+        "tr",
+        {
+          onClick: props.onRowClick ? () => props.onRowClick(item) : void 0,
+          className: twMerge(
+            "border-t border-(--ui-border) transition-colors",
+            rowIdx % 2 === 1 && neutralSurfaceClasses.subtle,
+            props.onRowClick && "cursor-pointer hover:bg-blue-50",
+            props.classNames?.bodyRow
+          ),
+          children: props.columns.map((col, colIdx) => {
+            const content = col.render ? col.render(item) : col.dataField ? formatCellValue(item[col.dataField], col.type) : null;
+            const centeredContent = col.align === "center";
+            const rightAlignedContent = col.align === "right";
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                onClick: col.type === "dot" ? (e) => e.stopPropagation() : void 0,
+                className: twMerge(
+                  sc.td,
+                  "align-middle",
+                  verticalBorders && tableCellVerticalBorderClass,
+                  !col.wrap && "max-w-60 truncate",
+                  col.wrap && "whitespace-normal",
+                  col.align === "center" && "text-center",
+                  col.align === "right" && "text-right",
+                  col.type === "dot" && "w-9",
+                  props.classNames?.bodyCell
+                ),
+                children: centeredContent || rightAlignedContent ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: twMerge(
+                      "flex w-full items-center",
+                      centeredContent ? "justify-center" : "justify-end"
+                    ),
+                    children: content
+                  }
+                ) : content
+              },
+              colIdx
+            );
+          })
+        },
+        getKey(item, props.items, props.rowKey)
+      )) })
+    ] })
+  ] });
+};
+var SortDirection = {
+  Asc: "Asc",
+  Desc: "Desc"
+};
+var ISO_REGEX = /^\d{4}-\d{2}-\d{2}T/;
+function reviveDates(obj) {
+  if (typeof obj === "string" && ISO_REGEX.test(obj)) {
+    return new Date(obj);
+  }
+  if (obj && typeof obj === "object" && !Array.isArray(obj)) {
+    return Object.fromEntries(
+      Object.entries(obj).map(([k, v]) => [k, reviveDates(v)])
+    );
+  }
+  return obj;
+}
+function loadFilter(storageKey) {
+  try {
+    const raw = sessionStorage.getItem(`gridFilters:${storageKey}`);
+    if (!raw) return {};
+    return reviveDates(JSON.parse(raw));
+  } catch {
+    return {};
+  }
+}
+function saveFilter(storageKey, filter) {
+  try {
+    sessionStorage.setItem(`gridFilters:${storageKey}`, JSON.stringify(filter));
+  } catch {
+  }
+}
+function useGrid(defaults, storageKey) {
+  const [state, setState] = useState(() => {
+    const persisted = storageKey ? loadFilter(storageKey) : {};
+    return {
+      pageNumber: 1,
+      pageSize: 15,
+      filter: { ...persisted },
+      ...defaults
+    };
+  });
+  const onChange = (changes) => {
+    setState((s) => {
+      const next = {
+        ...s,
+        pageNumber: "filter" in changes ? 1 : s.pageNumber,
+        ...changes
+      };
+      if ("filter" in changes && storageKey) {
+        saveFilter(storageKey, next.filter);
+      }
+      return next;
+    });
+  };
+  const apiQuery = {
+    pageNumber: state.pageNumber,
+    pageSize: state.pageSize,
+    sortBy: state.sortBy,
+    direction: state.direction,
+    ...state.filter
+  };
+  return { ...state, onChange, apiQuery };
+}
+var columnTypeWidth2 = {
+  date: 100,
+  datetime: 130,
+  dot: 36
+};
+function getKey2(item, items, rowKey) {
+  return rowKey ? String(item[rowKey]) : items.indexOf(item);
+}
+var PAGE_SIZES = [15, 25, 50];
+function buildPageNumbers(current, total) {
+  if (total <= 7) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  const pages = [1];
+  if (current > 3) pages.push("...");
+  for (let p = Math.max(2, current - 1); p <= Math.min(total - 1, current + 1); p++) {
+    pages.push(p);
+  }
+  if (current < total - 2) pages.push("...");
+  pages.push(total);
+  return pages;
+}
+var Pagination = ({ current, pageSize, total, onChange, showPageNumberChanger, showPageSizeChanger, classNames }) => {
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const from = Math.min((current - 1) * pageSize + 1, total);
+  const to = Math.min(current * pageSize, total);
+  const pages = buildPageNumbers(current, totalPages);
+  const btnBase = "h-7 min-w-7 px-1.5 text-xs rounded border border-(--ui-border) flex items-center justify-center transition-colors cursor-pointer select-none";
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center justify-between gap-4 px-3 py-2 border-t border-(--ui-border) rounded-b-lg", neutralSurfaceClasses.subtle, classNames?.root), children: [
+    /* @__PURE__ */ jsx("span", { className: twMerge("text-xs text-gray-500 whitespace-nowrap", classNames?.summary), children: total > 0 ? `${from}\u2013${to} z ${total} z\xE1znam\u016F` : "0 z\xE1znam\u016F" }),
+    /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center gap-1.5", classNames?.controls), children: [
+      showPageSizeChanger && /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: pageSize,
+          onChange: (e) => onChange(1, Number(e.target.value)),
+          className: twMerge("h-7 px-1.5 text-xs border border-(--ui-border) rounded-(--ui-radius-sm) bg-white cursor-pointer outline-none", classNames?.pageSizeSelect),
+          children: PAGE_SIZES.map((s) => /* @__PURE__ */ jsxs("option", { value: s, children: [
+            s,
+            " / str."
+          ] }, s))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: current <= 1,
+          onClick: () => onChange(current - 1, pageSize),
+          className: twMerge(btnBase, "bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed", classNames?.button),
+          children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 13, strokeWidth: 1.5 })
+        }
+      ),
+      showPageNumberChanger && /* @__PURE__ */ jsx(Fragment, { children: pages.map(
+        (p, i) => p === "..." ? /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 px-0.5", children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(p, pageSize),
+            className: twMerge(
+              btnBase,
+              p === current ? "bg-(--ui-primary) text-(--ui-primary-text) border-(--ui-primary)" : "bg-white hover:bg-gray-50",
+              classNames?.button,
+              p === current && classNames?.activeButton
+            ),
+            children: p
+          },
+          p
+        )
+      ) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: current >= totalPages,
+          onClick: () => onChange(current + 1, pageSize),
+          className: twMerge(btnBase, "bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed", classNames?.button),
+          children: /* @__PURE__ */ jsx(IconChevronRight, { size: 13, strokeWidth: 1.5 })
+        }
+      )
+    ] })
+  ] });
+};
+var Grid = (props) => {
+  const { grid } = props;
+  const sc = tableSizeConfig[props.size ?? "middle"];
+  const verticalBorders = props.verticalBorders ?? false;
+  const isInitialLoading = props.loading && props.items.length === 0;
+  const isEmpty = !props.loading && props.items.length === 0;
+  const handleSort = (col) => {
+    if (col.sortBy === void 0) return;
+    const isCurrent = grid.sortBy === col.sortBy;
+    grid.onChange({
+      sortBy: col.sortBy,
+      direction: isCurrent && grid.direction === SortDirection.Asc ? SortDirection.Desc : SortDirection.Asc
+    });
+  };
+  props.items.map((item) => getKey2(item, props.items, props.rowKey));
+  const selectedKeys = new Set(
+    (props.selection?.selectedItems ?? []).map((item) => getKey2(item, props.items, props.rowKey))
+  );
+  const allSelected = props.items.length > 0 && props.items.every((item) => selectedKeys.has(getKey2(item, props.items, props.rowKey)));
+  const someSelected = !allSelected && props.items.some((item) => selectedKeys.has(getKey2(item, props.items, props.rowKey)));
+  const toggleAll = () => {
+    if (!props.selection) return;
+    props.selection.onChange(allSelected ? [] : [...props.items]);
+  };
+  const toggleRow = (item) => {
+    if (!props.selection) return;
+    const key = getKey2(item, props.items, props.rowKey);
+    const next = selectedKeys.has(key) ? props.selection.selectedItems.filter((s) => getKey2(s, props.items, props.rowKey) !== key) : [...props.selection.selectedItems, item];
+    props.selection.onChange(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("relative border border-(--ui-border) rounded-(--ui-radius-lg) overflow-hidden", props.className), children: [
+    props.loading && !isInitialLoading && /* @__PURE__ */ jsx("div", { className: twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: twMerge("w-full border-collapse", props.classNames?.table), children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: twMerge("bg-(--ui-primary) text-(--ui-primary-text)", props.classNames?.headerRow), children: [
+        props.selection && /* @__PURE__ */ jsx("th", { className: twMerge(sc.th, "w-9", verticalBorders && tableHeaderVerticalBorderClass, props.classNames?.headerCell), children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: allSelected,
+            ref: (el) => {
+              if (el) el.indeterminate = someSelected;
+            },
+            onChange: toggleAll,
+            className: "cursor-pointer accent-white"
+          }
+        ) }),
+        props.columns.map((col, i) => {
+          const isSortable = col.sortBy !== void 0;
+          const isCurrent = isSortable && grid.sortBy === col.sortBy;
+          return /* @__PURE__ */ jsx(
+            "th",
+            {
+              style: { width: col.width ?? columnTypeWidth2[col.type] },
+              onClick: isSortable ? () => handleSort(col) : void 0,
+              className: twMerge(
+                sc.th,
+                "font-normal text-left whitespace-nowrap",
+                verticalBorders && tableHeaderVerticalBorderClass,
+                isSortable && "cursor-pointer select-none hover:bg-white/10",
+                col.align === "center" && "text-center",
+                col.align === "right" && "text-right",
+                props.classNames?.headerCell
+              ),
+              children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                col.title,
+                isSortable && /* @__PURE__ */ jsx("span", { className: "opacity-70", children: isCurrent ? grid.direction === SortDirection.Asc ? /* @__PURE__ */ jsx(IconChevronUp, { size: 12, strokeWidth: 2 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 12, strokeWidth: 2 }) : /* @__PURE__ */ jsx(IconSelector, { size: 12, strokeWidth: 2 }) })
+              ] })
+            },
+            i
+          );
+        })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: isInitialLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: props.columns.length + (props.selection ? 1 : 0),
+          className: twMerge("px-3 py-0", props.classNames?.loadingCell),
+          children: /* @__PURE__ */ jsx("div", { className: "flex min-h-28 items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) })
+        }
+      ) }) : isEmpty ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: props.columns.length + (props.selection ? 1 : 0),
+          className: twMerge("px-3", props.classNames?.emptyCell),
+          children: /* @__PURE__ */ jsx(Empty, { size: "compact", text: props.emptyText ?? "\u017D\xE1dn\xE9 z\xE1znamy", className: sc.emptyPy })
+        }
+      ) }) : props.items.map((item, rowIdx) => {
+        const key = getKey2(item, props.items, props.rowKey);
+        const isSelected = selectedKeys.has(key);
+        return /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            onClick: props.onRowClick ? () => props.onRowClick(item) : void 0,
+            className: twMerge(
+              "border-t border-(--ui-border) transition-colors",
+              rowIdx % 2 === 1 && !isSelected && neutralSurfaceClasses.subtle,
+              isSelected && "bg-blue-50",
+              props.onRowClick && "cursor-pointer hover:bg-blue-50",
+              props.classNames?.bodyRow
+            ),
+            children: [
+              props.selection && /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: twMerge(sc.td, "w-9 align-middle", verticalBorders && tableCellVerticalBorderClass, props.classNames?.bodyCell),
+                  onClick: (e) => e.stopPropagation(),
+                  children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: isSelected,
+                      onChange: () => toggleRow(item),
+                      className: "cursor-pointer"
+                    }
+                  ) })
+                }
+              ),
+              props.columns.map((col, colIdx) => {
+                const content = col.render ? col.render(item) : col.dataField ? formatCellValue(item[col.dataField], col.type) : null;
+                const centeredContent = col.align === "center";
+                const rightAlignedContent = col.align === "right";
+                return /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    onClick: col.type === "dot" ? (e) => e.stopPropagation() : void 0,
+                    className: twMerge(
+                      sc.td,
+                      "align-middle",
+                      verticalBorders && tableCellVerticalBorderClass,
+                      !col.wrap && "max-w-60 truncate",
+                      col.wrap && "whitespace-normal",
+                      col.align === "center" && "text-center",
+                      col.align === "right" && "text-right",
+                      col.type === "dot" && "w-9",
+                      props.classNames?.bodyCell
+                    ),
+                    children: centeredContent || rightAlignedContent ? /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: twMerge(
+                          "flex w-full items-center",
+                          centeredContent ? "justify-center" : "justify-end"
+                        ),
+                        children: content
+                      }
+                    ) : content
+                  },
+                  colIdx
+                );
+              })
+            ]
+          },
+          key
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        current: grid.pageNumber,
+        pageSize: grid.pageSize,
+        total: props.totalCount,
+        showPageNumberChanger: props.showPageNumberChanger ?? false,
+        showPageSizeChanger: props.showPageSizeChanger ?? false,
+        onChange: (page, pageSize) => grid.onChange({ pageNumber: page, pageSize }),
+        classNames: props.classNames?.pagination
+      }
+    )
+  ] });
+};
+function isValueSet(v) {
+  if (Array.isArray(v)) return v.length > 0;
+  return v !== null && v !== void 0 && v !== "";
+}
+var GridFilters = (props) => {
+  const active = (props.descriptors ?? []).filter(
+    (d) => d.keys.some((k) => isValueSet(props.grid.filter[k]))
+  );
+  const clearDescriptor = (d) => {
+    const cleared = d.keys.reduce((acc, k) => ({ ...acc, [k]: void 0 }), {});
+    props.grid.onChange({ filter: { ...props.grid.filter, ...cleared } });
+  };
+  const clearAll = () => {
+    props.grid.onChange({ filter: {} });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: props.className, children: [
+    /* @__PURE__ */ jsx("div", { className: twMerge("p-2 border border-b-0 border-(--ui-border) bg-(--ui-surface-subtle) rounded-t-lg", props.classNames?.inputs), children: props.children }),
+    active.length > 0 && /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-wrap items-center gap-1.5 px-2 py-1.5 border border-b-0 border-(--ui-border) bg-(--ui-surface-subtle)", props.classNames?.activeFilters), children: [
+      active.map((d) => {
+        const value = d.formatValue?.(props.grid.filter);
+        return /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: twMerge("inline-flex items-center gap-1 bg-blue-50 text-blue-700 border border-blue-200 rounded-full px-2 h-6 text-xs", props.classNames?.chip),
+            children: [
+              value ? `${d.label}: ${value}` : d.label,
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => clearDescriptor(d),
+                  className: twMerge("text-blue-400 hover:text-blue-700 cursor-pointer", props.classNames?.chipRemove),
+                  children: /* @__PURE__ */ jsx(IconX, { size: 10, strokeWidth: 2.5 })
+                }
+              )
+            ]
+          },
+          d.keys.join(",")
+        );
+      }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: clearAll,
+          className: twMerge("ml-1 text-xs text-(--ui-text-soft) hover:text-(--ui-text) cursor-pointer", props.classNames?.clearAll),
+          children: "Vymazat v\u0161e"
+        }
+      )
+    ] })
+  ] });
+};
+var FilterTextInput = ({
+  debounce = 400,
+  ...props
+}) => {
+  const [local, setLocal] = useState(String(props.grid.filter[props.filterKey] ?? ""));
+  const timer = useRef(null);
+  useEffect(() => {
+    setLocal(String(props.grid.filter[props.filterKey] ?? ""));
+  }, [props.grid.filter[props.filterKey]]);
+  const handleChange = (value) => {
+    setLocal(value);
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      props.grid.onChange({ filter: { ...props.grid.filter, [props.filterKey]: value } });
+    }, debounce);
+  };
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      size: "small",
+      noMargin: true,
+      label: props.label,
+      placeholder: props.placeholder,
+      value: local,
+      onChange: handleChange
+    }
+  );
+};
+var FilterNumberInput = ({
+  debounce = 300,
+  ...props
+}) => {
+  const rawValue = props.grid.filter[props.filterKey];
+  const [local, setLocal] = useState(typeof rawValue === "number" ? rawValue : null);
+  const timer = useRef(null);
+  useEffect(() => {
+    const next = props.grid.filter[props.filterKey];
+    setLocal(typeof next === "number" ? next : null);
+  }, [props.grid.filter[props.filterKey]]);
+  const handleChange = (value) => {
+    setLocal(value);
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      props.grid.onChange({
+        filter: {
+          ...props.grid.filter,
+          [props.filterKey]: value ?? void 0
+        }
+      });
+    }, debounce);
+  };
+  return /* @__PURE__ */ jsx(
+    NumberInput,
+    {
+      size: "small",
+      noMargin: true,
+      label: props.label,
+      placeholder: props.placeholder,
+      value: local,
+      onChange: handleChange,
+      min: props.min,
+      max: props.max
+    }
+  );
+};
+var FilterCheckboxInput = (props) => {
+  const currentValue = props.grid.filter[props.filterKey];
+  const checked = currentValue === true;
+  const handleChange = (value) => {
+    props.grid.onChange({
+      filter: {
+        ...props.grid.filter,
+        [props.filterKey]: value ? true : void 0
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex h-(--ui-h-sm) items-center", children: /* @__PURE__ */ jsx(
+    CheckboxInput,
+    {
+      noMargin: true,
+      label: props.label,
+      value: checked,
+      onChange: handleChange
+    }
+  ) });
+};
+function calcPosition2(el) {
+  const rect = el.getBoundingClientRect();
+  const maxDropdownHeight = 280;
+  const spaceBelow = window.innerHeight - rect.bottom;
+  const openAbove = spaceBelow < maxDropdownHeight && rect.top > spaceBelow;
+  return {
+    top: openAbove ? rect.top - maxDropdownHeight - 2 : rect.bottom + 2,
+    left: rect.left,
+    width: rect.width,
+    openAbove
+  };
+}
+var SelectDropdown = (props) => {
+  const [search, setSearch] = useState("");
+  const [pos, setPos] = useState(null);
+  const searchRef = useRef(null);
+  const popupRef = useRef(null);
+  useEffect(() => {
+    if (props.isOpen && props.anchorRef.current) {
+      setPos(calcPosition2(props.anchorRef.current));
+      setSearch("");
+      if (props.showSearch !== false) {
+        setTimeout(() => searchRef.current?.focus(), 0);
+      }
+    }
+  }, [props.isOpen, props.anchorRef, props.showSearch]);
+  const handleMouseDown = useCallback(
+    (e) => {
+      if (popupRef.current && !popupRef.current.contains(e.target) && props.anchorRef.current && !props.anchorRef.current.contains(e.target)) {
+        props.onClose();
+      }
+    },
+    [props]
+  );
+  useEffect(() => {
+    if (props.isOpen) {
+      document.addEventListener("mousedown", handleMouseDown);
+    }
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [props.isOpen, handleMouseDown]);
+  if (!props.isOpen || !pos) {
+    return null;
+  }
+  const filtered = search.trim() === "" ? props.options : props.options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase()));
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popupRef,
+        "data-ui-floating-root": "",
+        style: { top: pos.top, left: pos.left, minWidth: pos.width },
+        className: "fixed z-1002 bg-white border border-(--ui-border) rounded-(--ui-radius-lg) shadow-lg flex flex-col overflow-hidden",
+        children: [
+          props.showSearch !== false && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: twMerge(
+                "flex items-center",
+                !props.multiMode && "border-b border-(--ui-border)",
+                popupLayoutClasses.compactHeader,
+                "gap-(--ui-popup-gap)"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(IconSearch, { size: 13, strokeWidth: 1.5, className: twMerge("shrink-0", neutralIconClasses.default) }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: searchRef,
+                    type: "text",
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    placeholder: "Hledat...",
+                    className: "flex-1 bg-transparent outline-none [font-size:var(--ui-popup-text)] placeholder:text-(--ui-text-soft)"
+                  }
+                )
+              ]
+            }
+          ),
+          props.multiMode && props.onSelectAll && props.onClearAll && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: twMerge(
+                "flex items-center justify-between border-t border-b border-(--ui-border) bg-(--ui-surface-subtle)",
+                popupLayoutClasses.compactHeader
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: twMerge("text-[11px] font-medium uppercase tracking-[0.08em]", neutralTextClasses.soft), children: "Hromadn\xE9 akce" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: props.onSelectAll,
+                      className: twMerge(
+                        "cursor-pointer rounded-md px-2 py-1 text-xs transition-colors hover:bg-white",
+                        neutralTextClasses.muted,
+                        "hover:text-(--ui-text-strong)"
+                      ),
+                      children: "Vybrat v\u0161e"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: props.onClearAll,
+                      className: twMerge(
+                        "cursor-pointer rounded-md px-2 py-1 text-xs transition-colors hover:bg-white",
+                        neutralTextClasses.muted,
+                        "hover:text-(--ui-text-strong)"
+                      ),
+                      children: "Zru\u0161it v\u0161e"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "overflow-y-auto max-h-60", children: props.loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx(Spinner, { size: "middle", color: "primary" }) }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: twMerge("py-4 text-center text-xs", neutralTextClasses.soft), children: "\u017D\xE1dn\xE9 v\xFDsledky" }) : filtered.map((opt, i) => {
+            const isSelected = props.selectedValues.has(opt.value);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => props.onSelect(opt.value),
+                className: twMerge(
+                  "flex items-center justify-between cursor-pointer select-none",
+                  popupLayoutClasses.compactRow,
+                  isSelected ? "font-medium text-(--ui-text-strong)" : "text-(--ui-text) hover:bg-(--ui-surface-subtle)"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: opt.label }),
+                  isSelected && /* @__PURE__ */ jsx(IconCheck, { size: 13, strokeWidth: 2, className: "shrink-0 text-(--ui-text)" })
+                ]
+              },
+              i
+            );
+          }) })
+        ]
+      }
+    ),
+    document.body
+  );
+};
+var SelectInput = ({
+  options,
+  labelKey = "label",
+  valueKey = "value",
+  size = "middle",
+  showSearch = true,
+  ...props
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const allOptions = (options ?? []).map((opt) => ({
+    label: String(opt[labelKey]),
+    value: opt[valueKey]
+  }));
+  const effectiveValue = props.treatZeroAsEmpty && props.value === 0 ? null : props.value ?? null;
+  const selectedOption = allOptions.find((o) => o.value === effectiveValue) ?? null;
+  const hasValue = effectiveValue !== null && effectiveValue !== void 0;
+  const allowClear = props.allowClear ?? false;
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const handleSelect = (value) => {
+    props.onChange?.(value);
+    setIsOpen(false);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    props.onChange?.(null);
+  };
+  const handleTriggerClick = () => {
+    if (!props.disabled) {
+      setIsOpen((v) => !v);
+    }
+  };
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        onClick: handleTriggerClick,
+        className: twMerge(
+          "flex items-center gap-1 border bg-white cursor-pointer transition-colors select-none",
+          triggerSizeClasses[size],
+          isOpen ? triggerBorderClasses.open : triggerBorderClasses.default,
+          props.disabled && triggerBorderClasses.disabled,
+          props.classNames?.trigger
+        ),
+        style: hasError ? { borderColor: "var(--ui-danger)" } : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: twMerge(
+                "flex min-w-0 flex-1 items-center truncate leading-none",
+                !selectedOption && neutralTextClasses.soft,
+                props.classNames?.value
+              ),
+              children: selectedOption ? selectedOption.label : props.placeholder ?? ""
+            }
+          ),
+          allowClear && hasValue && !props.disabled && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClear,
+              className: twMerge(
+                "flex h-4 w-4 shrink-0 items-center justify-center self-center cursor-pointer",
+                neutralIconClasses.default,
+                neutralIconClasses.hover,
+                props.classNames?.clearButton
+              ),
+              children: /* @__PURE__ */ jsx(IconX, { size: 12, strokeWidth: 2 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconChevronDown,
+            {
+              size: 13,
+              strokeWidth: 1.5,
+              className: twMerge(
+                "shrink-0 self-center transition-transform",
+                neutralIconClasses.default,
+                isOpen && "rotate-180",
+                props.classNames?.icon
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SelectDropdown,
+      {
+        anchorRef: triggerRef,
+        isOpen,
+        options: allOptions,
+        selectedValues: new Set(hasValue ? [effectiveValue] : []),
+        onSelect: handleSelect,
+        onClose: () => setIsOpen(false),
+        loading: props.loading,
+        showSearch,
+        multiMode: false
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var FilterSelectInput = (props) => {
+  const currentValue = props.grid.filter[props.filterKey] ?? null;
+  const handleChange = (value) => {
+    props.grid.onChange({
+      filter: { ...props.grid.filter, [props.filterKey]: value ?? void 0 }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      size: "small",
+      noMargin: true,
+      label: props.label,
+      placeholder: props.placeholder,
+      options: props.options,
+      labelKey: props.labelKey,
+      valueKey: props.valueKey,
+      value: currentValue,
+      onChange: handleChange,
+      allowClear: true
+    }
+  );
+};
+var MONTHS_CS = [
+  "Leden",
+  "\xDAnor",
+  "B\u0159ezen",
+  "Duben",
+  "Kv\u011Bten",
+  "\u010Cerven",
+  "\u010Cervenec",
+  "Srpen",
+  "Z\xE1\u0159\xED",
+  "\u0158\xEDjen",
+  "Listopad",
+  "Prosinec"
+];
+var DAYS_CS = ["Po", "\xDAt", "St", "\u010Ct", "P\xE1", "So", "Ne"];
+function toMondayFirst(jsDay) {
+  return (jsDay + 6) % 7;
+}
+function buildDays(year, month) {
+  const first = new Date(year, month, 1);
+  const last = new Date(year, month + 1, 0);
+  const startOffset = toMondayFirst(first.getDay());
+  const days = [];
+  for (let i = startOffset; i > 0; i--) {
+    const d = new Date(year, month, 1 - i);
+    days.push({ day: d.getDate(), month: d.getMonth(), year: d.getFullYear(), isCurrentMonth: false });
+  }
+  for (let d = 1; d <= last.getDate(); d++) {
+    days.push({ day: d, month, year, isCurrentMonth: true });
+  }
+  let next = 1;
+  while (days.length < 42) {
+    const nd = new Date(year, month + 1, next++);
+    days.push({ day: nd.getDate(), month: nd.getMonth(), year: nd.getFullYear(), isCurrentMonth: false });
+  }
+  return days;
+}
+function sameDay(a, b) {
+  return a.getFullYear() === b.year && a.getMonth() === b.month && a.getDate() === b.day;
+}
+function calcPos(el, calHeight) {
+  const rect = el.getBoundingClientRect();
+  const spaceBelow = window.innerHeight - rect.bottom;
+  const openAbove = spaceBelow < calHeight && rect.top > spaceBelow;
+  return {
+    top: openAbove ? rect.top - calHeight - 2 : rect.bottom + 2,
+    left: rect.left
+  };
+}
+function atStartOfDay(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+}
+function isDayDisabled(date, minDate, maxDate, isDateDisabled) {
+  const day = atStartOfDay(date);
+  if (minDate && day < atStartOfDay(minDate)) return true;
+  if (maxDate && day > atStartOfDay(maxDate)) return true;
+  return isDateDisabled?.(date) ?? false;
+}
+var CalendarPopup = (props) => {
+  const today = /* @__PURE__ */ new Date();
+  const [pos, setPos] = useState(null);
+  const [viewYear, setViewYear] = useState(today.getFullYear());
+  const [viewMonth, setViewMonth] = useState(today.getMonth());
+  const [pending, setPending] = useState(null);
+  const [hours, setHours] = useState(0);
+  const [minutes, setMinutes] = useState(0);
+  const popupRef = useRef(null);
+  const calHeight = props.showTime ? 360 : 310;
+  useEffect(() => {
+    if (!props.isOpen || !props.anchorRef.current) {
+      return;
+    }
+    setPos(calcPos(props.anchorRef.current, calHeight));
+    const base = props.value;
+    if (base) {
+      setViewYear(base.getFullYear());
+      setViewMonth(base.getMonth());
+      setPending(base);
+      setHours(base.getHours());
+      setMinutes(base.getMinutes());
+    } else {
+      setViewYear(today.getFullYear());
+      setViewMonth(today.getMonth());
+      setPending(null);
+      setHours(0);
+      setMinutes(0);
+    }
+  }, [props.isOpen]);
+  const handleMouseDown = useCallback(
+    (e) => {
+      if (popupRef.current && !popupRef.current.contains(e.target) && props.anchorRef.current && !props.anchorRef.current.contains(e.target)) {
+        props.onClose();
+      }
+    },
+    [props]
+  );
+  useEffect(() => {
+    if (props.isOpen) {
+      document.addEventListener("mousedown", handleMouseDown);
+    }
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [props.isOpen, handleMouseDown]);
+  if (!props.isOpen || !pos) {
+    return null;
+  }
+  const days = buildDays(viewYear, viewMonth);
+  const prevMonth = () => {
+    if (viewMonth === 0) {
+      setViewMonth(11);
+      setViewYear((y) => y - 1);
+    } else {
+      setViewMonth((m) => m - 1);
+    }
+  };
+  const nextMonth = () => {
+    if (viewMonth === 11) {
+      setViewMonth(0);
+      setViewYear((y) => y + 1);
+    } else {
+      setViewMonth((m) => m + 1);
+    }
+  };
+  const handleDayClick = (day) => {
+    const newDate = new Date(day.year, day.month, day.day, hours, minutes, 0, 0);
+    if (isDayDisabled(newDate, props.minDate, props.maxDate, props.isDateDisabled)) {
+      return;
+    }
+    if (!props.showTime) {
+      props.onSelect(newDate);
+      props.onClose();
+    } else {
+      setPending(newDate);
+    }
+  };
+  const handleConfirm = () => {
+    if (!pending) {
+      return;
+    }
+    props.onSelect(
+      new Date(pending.getFullYear(), pending.getMonth(), pending.getDate(), hours, minutes, 0, 0)
+    );
+    props.onClose();
+  };
+  const clamp2 = (val, min, max) => Math.min(max, Math.max(min, val));
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popupRef,
+        "data-ui-floating-root": "",
+        style: { top: pos.top, left: pos.left },
+        className: "fixed z-1000 bg-white border border-(--ui-border) rounded-(--ui-radius-lg) shadow-lg w-68",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-(--ui-border)", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: prevMonth,
+                className: twMerge("p-1 rounded cursor-pointer hover:bg-(--ui-surface-muted)", neutralTextClasses.muted),
+                children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 14, strokeWidth: 1.5 })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-medium text-(--ui-text-strong)", children: [
+              MONTHS_CS[viewMonth],
+              " ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: nextMonth,
+                className: twMerge("p-1 rounded cursor-pointer hover:bg-(--ui-surface-muted)", neutralTextClasses.muted),
+                children: /* @__PURE__ */ jsx(IconChevronRight, { size: 14, strokeWidth: 1.5 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 px-2 pt-2 pb-1", children: DAYS_CS.map((d) => /* @__PURE__ */ jsx("div", { className: "text-center text-[11px] text-(--ui-text-soft) font-medium", children: d }, d)) }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 px-2 pb-2", children: days.map((day, i) => {
+            const dayDate = new Date(day.year, day.month, day.day, hours, minutes, 0, 0);
+            const disabled = isDayDisabled(dayDate, props.minDate, props.maxDate, props.isDateDisabled);
+            const isSelected = pending !== null && sameDay(pending, day);
+            const isTodayDay = today.getDate() === day.day && today.getMonth() === day.month && today.getFullYear() === day.year;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => handleDayClick(day),
+                disabled,
+                className: twMerge(
+                  "h-8 w-full text-[13px] rounded transition-colors leading-none",
+                  disabled && "cursor-not-allowed text-(--ui-text-disabled) opacity-55",
+                  !disabled && "cursor-pointer",
+                  !day.isCurrentMonth && !disabled && "text-(--ui-text-disabled)",
+                  day.isCurrentMonth && !isSelected && !disabled && "text-(--ui-text) hover:bg-(--ui-surface-muted)",
+                  isSelected && !disabled && "bg-(--ui-primary) text-(--ui-primary-text) hover:bg-(--ui-primary-hover)",
+                  isTodayDay && !isSelected && "font-semibold"
+                ),
+                children: day.day
+              },
+              i
+            );
+          }) }),
+          props.showTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 border-t border-(--ui-border)", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-(--ui-text-muted) mr-1", children: "\u010Cas:" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                max: 23,
+                value: hours,
+                onChange: (e) => setHours(clamp2(parseInt(e.target.value) || 0, 0, 23)),
+                className: "w-11 h-7 text-center text-[13px] border border-(--ui-border-input) rounded-(--ui-radius-md) outline-none focus:border-(--ui-border-focus) [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-(--ui-text-muted) font-medium text-sm", children: ":" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                max: 59,
+                value: String(minutes).padStart(2, "0"),
+                onChange: (e) => setMinutes(clamp2(parseInt(e.target.value) || 0, 0, 59)),
+                className: "w-11 h-7 text-center text-[13px] border border-(--ui-border-input) rounded-(--ui-radius-md) outline-none focus:border-(--ui-border-focus) [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: handleConfirm,
+                disabled: !pending,
+                className: "ml-auto h-7 px-3 text-xs bg-(--ui-primary) text-(--ui-primary-text) rounded-(--ui-radius-md) hover:bg-(--ui-primary-hover) disabled:opacity-40 cursor-pointer disabled:cursor-not-allowed",
+                children: "Potvrdit"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+};
+var DateInput = ({ size = "middle", showTime = false, ...props }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const resolveError = useErrorResolver();
+  const hasValue = props.value != null;
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const displayValue = hasValue ? showTime ? dayjs(props.value).format("D.M.YYYY H:mm") : dayjs(props.value).format("D.M.YYYY") : null;
+  const defaultPlaceholder2 = showTime ? "Vyberte datum a \u010Das..." : "Vyberte datum...";
+  const handleClear = (e) => {
+    e.stopPropagation();
+    props.onChange?.(null);
+  };
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        onClick: () => !props.disabled && setIsOpen((v) => !v),
+        className: twMerge(
+          "flex items-center gap-1.5 border bg-white cursor-pointer transition-colors select-none",
+          inputSizeClasses[size],
+          isOpen ? triggerBorderClasses.open : triggerBorderClasses.default,
+          props.disabled && triggerBorderClasses.disabled,
+          props.classNames?.trigger
+        ),
+        style: hasError ? { borderColor: "var(--ui-danger)" } : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: twMerge("flex-1 truncate", !displayValue && neutralTextClasses.soft, props.classNames?.value), children: displayValue ?? (props.placeholder ?? defaultPlaceholder2) }),
+          hasValue && !props.disabled && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClear,
+              className: twMerge("shrink-0 cursor-pointer", neutralIconClasses.default, neutralIconClasses.hover, props.classNames?.clearButton),
+              children: /* @__PURE__ */ jsx(IconX, { size: 12, strokeWidth: 2 })
+            }
+          ),
+          /* @__PURE__ */ jsx(IconCalendar, { size: 13, strokeWidth: 1.5, className: twMerge("shrink-0", neutralIconClasses.default, props.classNames?.icon) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CalendarPopup,
+      {
+        anchorRef: triggerRef,
+        isOpen,
+        value: props.value ?? null,
+        minDate: props.minDate,
+        maxDate: props.maxDate,
+        isDateDisabled: props.isDateDisabled,
+        onSelect: (v) => props.onChange?.(v),
+        onClose: () => setIsOpen(false),
+        showTime
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var FilterDateInput = (props) => {
+  const rawValue = props.grid.filter[props.filterKey];
+  const [local, setLocal] = useState(rawValue instanceof Date ? rawValue : null);
+  useEffect(() => {
+    const v = props.grid.filter[props.filterKey];
+    setLocal(v instanceof Date ? v : null);
+  }, [props.grid.filter[props.filterKey]]);
+  const handleChange = (value) => {
+    setLocal(value);
+    props.grid.onChange({ filter: { ...props.grid.filter, [props.filterKey]: value } });
+  };
+  return /* @__PURE__ */ jsx(
+    DateInput,
+    {
+      size: "small",
+      noMargin: true,
+      label: props.label,
+      placeholder: props.placeholder,
+      showTime: props.showTime,
+      value: local,
+      onChange: handleChange
+    }
+  );
+};
+var Badge = ({
+  count = 0,
+  size = "default",
+  showZero = false,
+  ...props
+}) => {
+  const visible = count > 0 || showZero;
+  const label = count > 99 ? "99+" : String(count);
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("relative inline-flex", props.className), children: [
+    props.children,
+    visible && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: twMerge(
+          "absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 bg-red-500 text-white font-medium rounded-full flex items-center justify-center leading-none",
+          size === "small" ? "min-w-4 h-4 px-1 text-[10px]" : "min-w-4.5 h-4.5 px-1 text-xs",
+          props.classNames?.badge
+        ),
+        children: label
+      }
+    )
+  ] });
+};
+var FilterSelectGroupPopover = (props) => {
+  const activeCount = props.groups.filter((g) => {
+    const value = props.grid.filter[g.filterKey];
+    return value !== null && value !== void 0 && value !== "";
+  }).length;
+  const handleReset = () => {
+    const cleared = props.groups.reduce((acc, group) => {
+      acc[group.filterKey] = void 0;
+      return acc;
+    }, {});
+    props.grid.onChange({ filter: { ...props.grid.filter, ...cleared } });
+  };
+  const Icon = props.icon ?? IconUsers;
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      className: props.className,
+      content: () => /* @__PURE__ */ jsxs("div", { className: "grid min-w-70 gap-3 p-3", children: [
+        props.groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500", children: group.label }),
+          /* @__PURE__ */ jsx(
+            SelectInput,
+            {
+              size: "small",
+              noMargin: true,
+              placeholder: group.placeholder ?? group.label,
+              options: group.options,
+              labelKey: group.labelKey,
+              valueKey: group.valueKey,
+              value: props.grid.filter[group.filterKey] ?? null,
+              onChange: (value) => {
+                props.grid.onChange({
+                  filter: { ...props.grid.filter, [group.filterKey]: value ?? void 0 }
+                });
+              },
+              allowClear: true
+            }
+          )
+        ] }, String(group.filterKey))),
+        activeCount > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "default",
+            size: "small",
+            text: "Resetovat",
+            onClick: handleReset
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ jsx(Badge, { count: activeCount, size: "small", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "default",
+          size: "small",
+          text: props.label ?? "U\u017Eivatel",
+          icon: Icon,
+          block: props.block
+        }
+      ) })
+    }
+  );
+};
+var FilterDateRangePopover = (props) => {
+  const activeCount = props.groups.filter((group) => {
+    const from = props.grid.filter[group.fromKey];
+    const to = props.grid.filter[group.toKey];
+    return from instanceof Date || to instanceof Date;
+  }).length;
+  const handleDateChange = (key, value) => {
+    props.grid.onChange({
+      filter: { ...props.grid.filter, [key]: value ?? void 0 }
+    });
+  };
+  const handleReset = () => {
+    const cleared = props.groups.reduce((acc, group) => {
+      acc[group.fromKey] = void 0;
+      acc[group.toKey] = void 0;
+      return acc;
+    }, {});
+    props.grid.onChange({ filter: { ...props.grid.filter, ...cleared } });
+  };
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      className: props.className,
+      content: () => /* @__PURE__ */ jsxs("div", { className: "grid min-w-85 gap-3 p-3", children: [
+        props.groups.map((group) => {
+          const fromValue = props.grid.filter[group.fromKey];
+          const toValue = props.grid.filter[group.toKey];
+          return /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500", children: group.label }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                DateInput,
+                {
+                  size: "small",
+                  noMargin: true,
+                  placeholder: "Od",
+                  value: fromValue instanceof Date ? fromValue : null,
+                  onChange: (value) => handleDateChange(group.fromKey, value)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "px-1 text-gray-400", children: "\u2192" }),
+              /* @__PURE__ */ jsx(
+                DateInput,
+                {
+                  size: "small",
+                  noMargin: true,
+                  placeholder: "Do",
+                  value: toValue instanceof Date ? toValue : null,
+                  onChange: (value) => handleDateChange(group.toKey, value)
+                }
+              )
+            ] })
+          ] }, String(group.fromKey));
+        }),
+        activeCount > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "default",
+            size: "small",
+            text: "Resetovat",
+            onClick: handleReset
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ jsx(Badge, { count: activeCount, size: "small", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "default",
+          size: "small",
+          text: props.label ?? "Datum",
+          icon: IconCalendar,
+          block: props.block
+        }
+      ) })
+    }
+  );
+};
+var DrawerContext = createContext(null);
+function useDrawer() {
+  const ctx = useContext(DrawerContext);
+  if (!ctx) {
+    throw new Error("useDrawer must be used inside Drawer");
+  }
+  return ctx;
+}
+var feedbackTypeConfig = {
+  success: { icon: IconCheck, borderColorVar: "--ui-success", iconColor: "text-(--ui-success)" },
+  error: { icon: IconCircleX, borderColorVar: "--ui-danger", iconColor: "text-(--ui-danger)" },
+  warning: { icon: IconAlertTriangle, borderColorVar: "--ui-warning", iconColor: "text-(--ui-warning)" },
+  info: { icon: IconInfoCircle, borderColorVar: "--ui-info", iconColor: "text-(--ui-info)" }
+};
+var _add = null;
+var notification = {
+  success: (message, options) => _add?.("success", message, options),
+  error: (message, options) => _add?.("error", message, options),
+  warning: (message, options) => _add?.("warning", message, options),
+  info: (message, options) => _add?.("info", message, options)
+};
+var NotificationContext = createContext(null);
+var useNotificationContext = () => {
+  const ctx = useContext(NotificationContext);
+  if (!ctx) {
+    throw new Error("useNotification must be used within NotificationProvider");
+  }
+  return ctx;
+};
+var Toast = ({ toast, onClose, classNames }) => {
+  const { icon: Icon, borderColorVar, iconColor } = feedbackTypeConfig[toast.type];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: twMerge(
+        "flex items-start gap-3 w-80 bg-white border border-(--ui-border) rounded-lg shadow-md px-4 py-3",
+        "transition-all duration-300 ease-out",
+        toast.visible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-6"
+      ),
+      style: { borderLeftWidth: "4px", borderLeftColor: `var(${borderColorVar})` },
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 18, strokeWidth: 2, className: twMerge("shrink-0 mt-0.5", iconColor, classNames?.icon) }),
+        /* @__PURE__ */ jsxs("div", { className: twMerge("flex-1 min-w-0", classNames?.content), children: [
+          /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium text-(--ui-text-strong) leading-snug", classNames?.message), children: toast.message }),
+          toast.description && /* @__PURE__ */ jsx("p", { className: twMerge("mt-0.5 text-xs text-(--ui-text-muted) leading-snug", classNames?.description), children: toast.description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onClose(toast.id),
+            className: twMerge("shrink-0 transition-colors cursor-pointer mt-0.5", neutralIconClasses.default, neutralIconClasses.hover, classNames?.closeButton),
+            children: /* @__PURE__ */ jsx(IconX, { size: 14, strokeWidth: 2 })
+          }
+        )
+      ]
+    }
+  );
+};
+var counter = 0;
+var MAX_TOASTS = 6;
+var NotificationProvider = ({ children }) => {
+  const [toasts, setToasts] = useState([]);
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const remove = useCallback((id) => {
+    timers.current.delete(id);
+    setToasts((prev) => prev.map((t) => t.id === id ? { ...t, visible: false } : t));
+    setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, 320);
+  }, []);
+  const add = useCallback(
+    (type, message, options) => {
+      const id = ++counter;
+      const duration = options?.duration ?? 4e3;
+      setToasts((prev) => {
+        const next = [
+          ...prev,
+          { id, type, message, description: options?.description, duration, visible: false }
+        ];
+        return next.length > MAX_TOASTS ? next.slice(next.length - MAX_TOASTS) : next;
+      });
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setToasts((prev) => prev.map((t) => t.id === id ? { ...t, visible: true } : t));
+        });
+      });
+      if (duration > 0) {
+        const timer = setTimeout(() => remove(id), duration);
+        timers.current.set(id, timer);
+      }
+    },
+    [remove]
+  );
+  useEffect(() => {
+    _add = add;
+    return () => {
+      _add = null;
+    };
+  }, [add]);
+  useEffect(() => {
+    const t = timers.current;
+    return () => {
+      t.forEach(clearTimeout);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(NotificationContext.Provider, { value: { add }, children: [
+    children,
+    createPortal(
+      /* @__PURE__ */ jsx("div", { className: "fixed top-4 right-4 z-9999 flex flex-col gap-2 pointer-events-none", children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(Toast, { toast, onClose: remove }) }, toast.id)) }),
+      document.body
+    )
+  ] });
+};
+var TRANSITION_MS = 220;
+var panelBase = {
+  top: "fixed top-0 left-0 right-0 z-1001 flex flex-col",
+  bottom: "fixed bottom-0 left-0 right-0 z-1001 flex flex-col",
+  left: "fixed top-0 left-0 bottom-0 z-1001 flex flex-col w-120 max-w-[95vw]",
+  right: "fixed top-0 right-0 bottom-0 z-1001 flex flex-col w-120 max-w-[95vw]"
+};
+var panelHidden = {
+  top: "-translate-y-full",
+  bottom: "translate-y-full",
+  left: "-translate-x-full",
+  right: "translate-x-full"
+};
+var panelVisible = {
+  top: "translate-y-0",
+  bottom: "translate-y-0",
+  left: "translate-x-0",
+  right: "translate-x-0"
+};
+var bodyMaxHeight = {
+  withFooter: "max-h-[calc(90dvh-120px)]",
+  withoutFooter: "max-h-[calc(90dvh-65px)]"
+};
+var Drawer = ({ placement = "top", ...props }) => {
+  const [rendered, setRendered] = useState(false);
+  const [visible, setVisible] = useState(false);
+  const [title, setTitle] = useState("");
+  const [footer, setFooter] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const frameRef = useRef(0);
+  useEffect(() => {
+    if (props.isOpen) {
+      setRendered(true);
+      frameRef.current = requestAnimationFrame(() => {
+        frameRef.current = requestAnimationFrame(() => setVisible(true));
+      });
+    } else {
+      setVisible(false);
+      const t = setTimeout(() => setRendered(false), TRANSITION_MS);
+      return () => clearTimeout(t);
+    }
+    return () => cancelAnimationFrame(frameRef.current);
+  }, [props.isOpen]);
+  useEffect(() => {
+    if (!rendered) {
+      return;
+    }
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        props.onClose(false);
+      }
+    };
+    document.body.style.overflow = "hidden";
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.body.style.overflow = "";
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [rendered, props.onClose]);
+  if (!rendered) {
+    return null;
+  }
+  const close = () => props.onClose(false);
+  const saveAndClose = (message) => {
+    if (message) {
+      notification.success(message);
+    }
+    props.onClose(true);
+  };
+  const isVertical = placement === "top" || placement === "bottom";
+  const hasFooter = footer !== null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(DrawerContext.Provider, { value: { close, saveAndClose, setTitle, setFooter, setLoading }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: twMerge(
+            "fixed inset-0 z-1000 bg-black/40 transition-opacity duration-220",
+            visible ? "opacity-100" : "opacity-0",
+            props.classNames?.overlay
+          ),
+          onClick: close
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: twMerge(
+            panelBase[placement],
+            "bg-white shadow-xl transition-transform duration-220 ease-out",
+            visible ? panelVisible[placement] : panelHidden[placement],
+            props.className,
+            props.classNames?.panel
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center justify-between gap-2 bg-(--ui-primary) shrink-0", drawerLayoutClasses.header, props.classNames?.header), children: [
+              /* @__PURE__ */ jsx("span", { className: twMerge(componentTitleClasses.inverse, "truncate", props.classNames?.title), children: title }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: close,
+                  className: twMerge("shrink-0 text-(--ui-primary-text)/70 hover:text-(--ui-primary-text) cursor-pointer transition-colors", props.classNames?.closeButton),
+                  children: /* @__PURE__ */ jsx(IconX, { size: 18, strokeWidth: 1.5 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: twMerge(
+                  "overflow-y-auto flex-1",
+                  drawerLayoutClasses.body,
+                  isVertical && (hasFooter ? bodyMaxHeight.withFooter : bodyMaxHeight.withoutFooter),
+                  props.classNames?.body
+                ),
+                children: loading ? /* @__PURE__ */ jsx("div", { className: twMerge("flex items-center justify-center py-16", props.classNames?.loading), children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) }) : props.children
+              }
+            ),
+            hasFooter && /* @__PURE__ */ jsx("div", { className: twMerge("shrink-0 border-t border-(--ui-border)", neutralSurfaceClasses.subtle, drawerLayoutClasses.footer, props.classNames?.footer), children: footer })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+};
+var DrawerTitle = ({ children }) => {
+  const { setTitle } = useDrawer();
+  useEffect(() => {
+    setTitle(String(children));
+    return () => setTitle("");
+  }, [children]);
+  return null;
+};
+var alignClass = {
+  left: "justify-start",
+  center: "justify-center",
+  right: "justify-end"
+};
+var DrawerFooter = ({ children, align = "right" }) => {
+  const { setFooter } = useDrawer();
+  useEffect(() => {
+    setFooter(
+      /* @__PURE__ */ jsx("div", { className: twMerge("flex items-center gap-2", alignClass[align]), children })
+    );
+    return () => setFooter(null);
+  }, []);
+  return null;
+};
+var Skeleton = ({
+  active = false,
+  title = true,
+  paragraph,
+  className
+}) => {
+  const rows = paragraph?.rows ?? 3;
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("space-y-3", active && "animate-pulse", className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded bg-(--ui-surface-muted)" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: twMerge(
+          "h-4 rounded bg-(--ui-surface-muted)",
+          index === rows - 1 ? "w-4/5" : "w-full"
+        )
+      },
+      index
+    )) })
+  ] });
+};
+var DrawerSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-3", children: [
+  /* @__PURE__ */ jsx("div", { className: "h-4 bg-(--ui-surface-muted) rounded w-1/3" }),
+  /* @__PURE__ */ jsx("div", { className: "h-8 bg-(--ui-surface-muted) rounded" }),
+  /* @__PURE__ */ jsx("div", { className: "h-4 bg-(--ui-surface-muted) rounded w-1/3 mt-5" }),
+  /* @__PURE__ */ jsx("div", { className: "h-8 bg-(--ui-surface-muted) rounded" }),
+  /* @__PURE__ */ jsx("div", { className: "h-4 bg-(--ui-surface-muted) rounded w-1/3 mt-5" }),
+  /* @__PURE__ */ jsx("div", { className: "h-8 bg-(--ui-surface-muted) rounded" }),
+  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 mt-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-(--ui-surface-muted) rounded w-1/2 mb-1" }),
+      /* @__PURE__ */ jsx("div", { className: "h-8 bg-(--ui-surface-muted) rounded" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-(--ui-surface-muted) rounded w-1/2 mb-1" }),
+      /* @__PURE__ */ jsx("div", { className: "h-8 bg-(--ui-surface-muted) rounded" })
+    ] })
+  ] })
+] });
+var DrawerContent = ({ loading = false, children }) => {
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsx(DrawerSkeleton, {}),
+      /* @__PURE__ */ jsx(Skeleton, { active: true, title: false, paragraph: { rows: 2 } })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var Alert = ({ type = "info", message, description, closable = false, className, classNames }) => {
+  const [closed, setClosed] = useState(false);
+  if (closed) {
+    return null;
+  }
+  const { icon: Icon, borderColorVar, iconColor } = feedbackTypeConfig[type];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: twMerge(
+        "flex items-start gap-3 bg-white border border-(--ui-border) rounded-lg px-4 py-3",
+        className
+      ),
+      style: { borderLeftWidth: "4px", borderLeftColor: `var(${borderColorVar})` },
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 17, strokeWidth: 2, className: twMerge("shrink-0 mt-0.5", iconColor, classNames?.icon) }),
+        /* @__PURE__ */ jsxs("div", { className: twMerge("flex-1 min-w-0", classNames?.content), children: [
+          /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium text-(--ui-text-strong) leading-snug", classNames?.message), children: message }),
+          description && /* @__PURE__ */ jsx("p", { className: twMerge("mt-1 text-xs text-(--ui-text-muted) leading-relaxed", classNames?.description), children: description })
+        ] }),
+        closable && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setClosed(true),
+            className: twMerge("shrink-0 transition-colors cursor-pointer mt-0.5", neutralIconClasses.default, neutralIconClasses.hover, classNames?.closeButton),
+            children: /* @__PURE__ */ jsx(IconX, { size: 14, strokeWidth: 2 })
+          }
+        )
+      ]
+    }
+  );
+};
+var ServerError = ({ className }) => {
+  const error = useServerError()();
+  if (!error) return null;
+  const description = error.detail && error.detail !== error.title ? error.detail : void 0;
+  return /* @__PURE__ */ jsx("div", { className: className ?? "mb-3", children: /* @__PURE__ */ jsx(Alert, { type: "error", message: error.title, description }) });
+};
+var Panel = ({
+  variant = "outlined",
+  inner = false,
+  ...props
+}) => {
+  const hasHeader = !!props.title || !!props.headerExtra;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: twMerge(
+        "bg-white",
+        variant === "outlined" && "border border-(--ui-border) rounded-(--ui-radius-lg)",
+        inner && `${neutralSurfaceClasses.subtle} rounded-md`,
+        props.className
+      ),
+      children: [
+        hasHeader && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: twMerge(
+              "flex items-center justify-between gap-2",
+              panelLayoutClasses.header,
+              variant === "outlined" && `border-b border-(--ui-border) ${neutralSurfaceClasses.subtle} rounded-t-lg`,
+              inner && "border-b border-(--ui-border)",
+              props.classNames?.header
+            ),
+            children: [
+              props.title && /* @__PURE__ */ jsx("span", { className: twMerge(componentTitleClasses.default, props.classNames?.title), children: props.title }),
+              props.headerExtra && /* @__PURE__ */ jsx("div", { className: twMerge("ml-auto flex items-center gap-2", props.classNames?.headerExtra), children: props.headerExtra })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: twMerge(panelLayoutClasses.body, props.classNames?.body), children: [
+          props.showServerError && /* @__PURE__ */ jsx(ServerError, { className: props.classNames?.serverError }),
+          props.children
+        ] }),
+        props.footer && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: twMerge(
+              "flex items-center justify-end gap-2 border-t border-(--ui-border)",
+              panelLayoutClasses.footer,
+              variant === "outlined" && `${neutralSurfaceClasses.subtle} rounded-b-lg`,
+              props.classNames?.footer
+            ),
+            children: props.footer
+          }
+        )
+      ]
+    }
+  );
+};
+var Tabs = ({
+  block = true,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: twMerge(
+      "inline-flex gap-0 rounded-(--ui-radius-lg) p-1",
+      neutralSurfaceClasses.subtle,
+      block && "flex w-full",
+      props.className,
+      props.classNames?.list
+    ),
+    children: props.options.map((opt) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => props.onChange(opt.value),
+        className: twMerge(
+          "flex-1 h-9 px-4 text-[14px] rounded-[calc(var(--ui-radius-lg)-4px)] transition-all duration-150 cursor-pointer select-none whitespace-nowrap",
+          props.value === opt.value ? "bg-white text-(--ui-text-strong) shadow-sm font-semibold" : "text-(--ui-text-muted) hover:text-(--ui-text)",
+          props.classNames?.tab,
+          props.value === opt.value ? props.classNames?.activeTab : props.classNames?.inactiveTab
+        ),
+        children: opt.label
+      },
+      opt.value
+    ))
+  }
+);
+var colorClasses = {
+  geekblue: {
+    outlined: "bg-blue-50 text-blue-700 border border-blue-200",
+    filled: "bg-blue-600 text-white border border-blue-600"
+  },
+  blue: {
+    outlined: "bg-blue-50 text-blue-700 border border-blue-200",
+    filled: "bg-blue-600 text-white border border-blue-600"
+  },
+  green: {
+    outlined: "bg-green-50 text-green-700 border border-green-200",
+    filled: "bg-green-600 text-white border border-green-600"
+  },
+  cyan: {
+    outlined: "bg-cyan-50 text-cyan-700 border border-cyan-200",
+    filled: "bg-cyan-600 text-white border border-cyan-600"
+  },
+  red: {
+    outlined: "bg-red-50 text-red-700 border border-red-200",
+    filled: "bg-red-600 text-white border border-red-600"
+  },
+  volcano: {
+    outlined: "bg-orange-50 text-orange-700 border border-orange-200",
+    filled: "bg-orange-600 text-white border border-orange-600"
+  },
+  orange: {
+    outlined: "bg-orange-50 text-orange-700 border border-orange-200",
+    filled: "bg-orange-600 text-white border border-orange-600"
+  },
+  gold: {
+    outlined: "bg-yellow-50 text-yellow-700 border border-yellow-200",
+    filled: "bg-yellow-500 text-white border border-yellow-500"
+  },
+  purple: {
+    outlined: "bg-purple-50 text-purple-700 border border-purple-200",
+    filled: "bg-purple-600 text-white border border-purple-600"
+  },
+  magenta: {
+    outlined: "bg-pink-50 text-pink-700 border border-pink-200",
+    filled: "bg-pink-600 text-white border border-pink-600"
+  },
+  gray: {
+    outlined: "bg-gray-50 text-gray-600 border border-gray-200",
+    filled: "bg-gray-500 text-white border border-gray-500"
+  },
+  default: {
+    outlined: "bg-gray-50 text-gray-600 border border-gray-200",
+    filled: "bg-gray-500 text-white border border-gray-500"
+  }
+};
+var Tag = ({
+  color = "geekblue",
+  variant = "outlined",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: twMerge(
+      "inline-flex items-center px-2 h-5 text-xs rounded-full whitespace-nowrap",
+      colorClasses[color][variant],
+      props.className
+    ),
+    children: /* @__PURE__ */ jsx("span", { className: props.contentClassName, children: props.children })
+  }
+);
+var ActiveTag = ({
+  value,
+  trueLabel = "Aktivn\xED",
+  falseLabel = "Neaktivn\xED"
+}) => /* @__PURE__ */ jsx(Tag, { color: value ? "green" : "red", children: value ? trueLabel : falseLabel });
+var FlagTag = ({ value, label, color = "geekblue", variant }) => {
+  if (!value) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Tag, { color, variant, children: label });
+};
+var AVATAR_COLORS = [
+  "bg-blue-500",
+  "bg-green-500",
+  "bg-purple-500",
+  "bg-orange-500",
+  "bg-pink-500",
+  "bg-teal-500",
+  "bg-red-500",
+  "bg-indigo-500"
+];
+function colorFromString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];
+}
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) {
+    return parts[0].slice(0, 2).toUpperCase();
+  }
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+var sizeClasses = {
+  xs: "w-6 h-6 text-[10px]",
+  sm: "w-7 h-7 text-xs",
+  md: "w-8 h-8 text-sm",
+  lg: "w-10 h-10 text-base",
+  xl: "w-12 h-12 text-lg"
+};
+var Avatar = ({ size = "md", ...props }) => {
+  const initials = props.name ? getInitials(props.name) : "?";
+  const bgColor = props.color ?? (props.name ? colorFromString(props.name) : "bg-gray-400");
+  if (props.src) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: props.src,
+        alt: props.name ?? "avatar",
+        className: twMerge(
+          "rounded-full object-cover shrink-0",
+          sizeClasses[size],
+          props.className
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title: props.name,
+      className: twMerge(
+        "inline-flex items-center justify-center rounded-full text-white font-medium shrink-0 select-none",
+        sizeClasses[size],
+        bgColor,
+        props.className
+      ),
+      children: /* @__PURE__ */ jsx("span", { className: props.initialsClassName, children: initials })
+    }
+  );
+};
+var defaultToolbar = [
+  "bold",
+  "italic",
+  "underline",
+  "bullet",
+  "numbered",
+  "link",
+  "unlink",
+  "clear"
+];
+var emptyHtml = "<p></p>";
+function normalizeHtml(html) {
+  const trimmed = html.replace(/<div><br><\/div>/gi, "").replace(/<p><br><\/p>/gi, "").trim();
+  return trimmed === "" ? emptyHtml : html;
+}
+function isHtmlEmpty(html) {
+  if (!html) {
+    return true;
+  }
+  const textOnly = html.replace(/<br\s*\/?>/gi, "").replace(/&nbsp;/gi, " ").replace(/<[^>]+>/g, "").trim();
+  return textOnly === "";
+}
+var HtmlInput = ({
+  placeholder = "Zadejte text...",
+  value,
+  disabled = false,
+  minHeight = 180,
+  toolbar = defaultToolbar,
+  ...props
+}) => {
+  const editorRef = useRef(null);
+  const [focused, setFocused] = useState(false);
+  const [selectionVersion, setSelectionVersion] = useState(0);
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const normalizedValue = value ?? "";
+  const showPlaceholder = isHtmlEmpty(normalizedValue);
+  useEffect(() => {
+    if (!editorRef.current) {
+      return;
+    }
+    if (editorRef.current.innerHTML !== normalizedValue) {
+      editorRef.current.innerHTML = normalizedValue;
+    }
+  }, [normalizedValue]);
+  useEffect(() => {
+    const handleSelectionChange = () => {
+      if (focused) {
+        setSelectionVersion((v) => v + 1);
+      }
+    };
+    document.addEventListener("selectionchange", handleSelectionChange);
+    return () => document.removeEventListener("selectionchange", handleSelectionChange);
+  }, [focused]);
+  const activeState = useMemo(() => ({
+    bold: document.queryCommandState?.("bold") ?? false,
+    italic: document.queryCommandState?.("italic") ?? false,
+    underline: document.queryCommandState?.("underline") ?? false,
+    bullet: document.queryCommandState?.("insertUnorderedList") ?? false,
+    numbered: document.queryCommandState?.("insertOrderedList") ?? false
+  }), [selectionVersion]);
+  const emitChange = () => {
+    if (!editorRef.current) {
+      return;
+    }
+    props.onChange?.(normalizeHtml(editorRef.current.innerHTML));
+  };
+  const focusEditor = () => {
+    editorRef.current?.focus();
+  };
+  const runCommand = (action) => {
+    if (disabled) {
+      return;
+    }
+    focusEditor();
+    switch (action) {
+      case "bullet":
+        document.execCommand("insertUnorderedList");
+        break;
+      case "numbered":
+        document.execCommand("insertOrderedList");
+        break;
+      case "link": {
+        const url = window.prompt("Zadejte URL", "https://");
+        if (url) {
+          document.execCommand("createLink", false, url);
+        }
+        break;
+      }
+      case "unlink":
+        document.execCommand("unlink");
+        break;
+      case "clear":
+        document.execCommand("removeFormat");
+        document.execCommand("formatBlock", false, "p");
+        break;
+      default:
+        document.execCommand(action);
+        break;
+    }
+    emitChange();
+    setSelectionVersion((v) => v + 1);
+  };
+  const toolbarButtons = [
+    { key: "bold", icon: IconBold, title: "Tu\u010Dn\u011B", active: activeState.bold },
+    { key: "italic", icon: IconItalic, title: "Kurz\xEDva", active: activeState.italic },
+    { key: "underline", icon: IconUnderline, title: "Podtr\u017Een\xED", active: activeState.underline },
+    { key: "bullet", icon: IconList, title: "Odr\xE1\u017Eky", active: activeState.bullet },
+    { key: "numbered", icon: IconListNumbers, title: "\u010C\xEDslov\xE1n\xED", active: activeState.numbered },
+    { key: "link", icon: IconLink, title: "Odkaz", active: false },
+    { key: "unlink", icon: IconUnlink, title: "Zru\u0161it odkaz", active: false },
+    { key: "clear", icon: IconClearFormatting, title: "Vy\u010Distit form\xE1t", active: false }
+  ].filter((button) => toolbar.includes(button.key));
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(
+          "overflow-hidden rounded-(--ui-radius-md) border bg-white",
+          focused ? triggerBorderClasses.open : triggerBorderClasses.default,
+          disabled && triggerBorderClasses.disabled,
+          hasError && triggerBorderClasses.error,
+          props.classNames?.shell
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-wrap items-center gap-1 border-b border-(--ui-border) bg-(--ui-surface-subtle) px-2 py-1.5", props.classNames?.toolbar), children: toolbarButtons.map((button) => {
+            const Icon = button.icon;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                title: button.title,
+                disabled,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => runCommand(button.key),
+                className: twMerge(
+                  "inline-flex h-8 w-8 items-center justify-center rounded-md border transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+                  button.active ? "border-(--ui-border-focus) bg-white text-(--ui-text-strong)" : "border-transparent bg-transparent",
+                  !button.active && neutralIconClasses.default,
+                  !disabled && "hover:border-(--ui-border) hover:bg-white",
+                  props.classNames?.toolbarButton
+                ),
+                children: /* @__PURE__ */ jsx(Icon, { size: 15, strokeWidth: 1.8 })
+              },
+              button.key
+            );
+          }) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            showPlaceholder && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: twMerge(
+                  "pointer-events-none absolute left-3 top-2.5 z-1 text-sm",
+                  neutralTextClasses.soft,
+                  props.classNames?.placeholder
+                ),
+                children: placeholder
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: editorRef,
+                contentEditable: !disabled,
+                suppressContentEditableWarning: true,
+                onInput: emitChange,
+                onFocus: () => setFocused(true),
+                onBlur: () => {
+                  setFocused(false);
+                  emitChange();
+                },
+                className: twMerge(
+                  inputBaseClass,
+                  "relative z-2 min-h-0 border-0! rounded-none! bg-transparent! px-3 py-2.5 focus:border-transparent!",
+                  "overflow-y-auto [&_a]:text-(--ui-primary) [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-(--ui-border) [&_blockquote]:pl-3 [&_ol]:list-decimal [&_ol]:pl-5 [&_p]:min-h-[1.5em] [&_ul]:list-disc [&_ul]:pl-5",
+                  neutralTextClasses.strong,
+                  !disabled && "cursor-text",
+                  props.classNames?.editor
+                ),
+                style: { minHeight }
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var UploadContext = createContext(null);
+var UploadProvider = ({ config, children }) => /* @__PURE__ */ jsx(UploadContext.Provider, { value: config, children });
+function useUploadConfig() {
+  return useContext(UploadContext);
+}
+var defaultPlaceholder = "P\u0159et\xE1hn\u011Bte soubory sem nebo je vyberte z po\u010D\xEDta\u010De.";
+var defaultBrowseText = "Vybrat soubor";
+var defaultHelperMultiple = "M\u016F\u017Eete nahr\xE1t v\xEDce soubor\u016F.";
+function createId() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
+    return crypto.randomUUID();
+  }
+  return `upload-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function formatBytes(size) {
+  if (!size || Number.isNaN(size)) {
+    return null;
+  }
+  if (size < 1024) return `${size} B`;
+  if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`;
+  return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+function normalizeUploadedItem(file, item) {
+  const next = { ...item };
+  return {
+    ...next,
+    id: next.id || createId(),
+    name: next.name || file.name,
+    size: next.size ?? file.size,
+    mimeType: next.mimeType ?? file.type,
+    status: next.status ?? "uploaded"
+  };
+}
+var UploadInput = ({
+  defaultValue = [],
+  multiple = false,
+  autoUpload = true,
+  variant = "dropzone",
+  placeholder = defaultPlaceholder,
+  browseText = defaultBrowseText,
+  ...props
+}) => {
+  const providerConfig = useUploadConfig();
+  const inputRef = useRef(null);
+  const itemsRef = useRef(props.value ?? defaultValue);
+  const [uncontrolledItems, setUncontrolledItems] = useState(defaultValue);
+  const [dragActive, setDragActive] = useState(false);
+  const [removingIds, setRemovingIds] = useState([]);
+  const [downloadingIds, setDownloadingIds] = useState([]);
+  const resolveError = useErrorResolver();
+  const items = props.value ?? uncontrolledItems;
+  const uploadFile = props.onUpload ?? providerConfig?.uploadFile;
+  const onRemoveClick = props.onRemoveClick ?? providerConfig?.onRemoveClick;
+  const removeFile = props.onRemove ?? providerConfig?.removeFile;
+  const downloadFile = props.onDownload ?? providerConfig?.downloadFile;
+  useEffect(() => {
+    itemsRef.current = items;
+  }, [items]);
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const setItems = (next) => {
+    const resolved = typeof next === "function" ? next(itemsRef.current) : next;
+    itemsRef.current = resolved;
+    if (props.value === void 0) {
+      setUncontrolledItems(resolved);
+    }
+    props.onChange?.(resolved);
+  };
+  const remainingSlots = props.maxFiles ? Math.max(props.maxFiles - items.length, 0) : void 0;
+  const addFiles = async (fileList) => {
+    if (props.disabled) {
+      return;
+    }
+    const incoming = Array.from(fileList);
+    const limited = remainingSlots !== void 0 ? incoming.slice(0, remainingSlots) : incoming;
+    if (limited.length === 0) {
+      return;
+    }
+    if (!autoUpload || !uploadFile) {
+      const localItems = limited.map((file) => ({
+        id: createId(),
+        name: file.name,
+        size: file.size,
+        mimeType: file.type,
+        file,
+        status: "idle"
+      }));
+      setItems((current) => [...current, ...localItems]);
+      return;
+    }
+    const optimisticItems = limited.map((file) => ({
+      id: createId(),
+      name: file.name,
+      size: file.size,
+      mimeType: file.type,
+      file,
+      status: "uploading"
+    }));
+    setItems((current) => [...current, ...optimisticItems]);
+    await Promise.all(optimisticItems.map(async (optimisticItem) => {
+      try {
+        const uploaded = await uploadFile(optimisticItem.file);
+        setItems((current) => current.map(
+          (item) => item.id === optimisticItem.id ? normalizeUploadedItem(optimisticItem.file, uploaded) : item
+        ));
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Nahr\xE1n\xED se nepoda\u0159ilo.";
+        setItems((current) => current.map(
+          (item) => item.id === optimisticItem.id ? { ...item, status: "error", error: message } : item
+        ));
+      }
+    }));
+  };
+  const handleRemove = async (item) => {
+    if (props.disabled || removingIds.includes(item.id)) {
+      return;
+    }
+    setRemovingIds((current) => [...current, item.id]);
+    try {
+      await onRemoveClick?.(item);
+      await removeFile?.(item);
+      setItems((current) => current.filter((existing) => existing.id !== item.id));
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Soubor se nepoda\u0159ilo odebrat.";
+      setItems((current) => current.map(
+        (existing) => existing.id === item.id ? { ...existing, error: message, status: "error" } : existing
+      ));
+    } finally {
+      setRemovingIds((current) => current.filter((id) => id !== item.id));
+    }
+  };
+  const handleDownload = async (item) => {
+    if (!downloadFile || props.disabled || downloadingIds.includes(item.id)) {
+      return;
+    }
+    setDownloadingIds((current) => [...current, item.id]);
+    try {
+      await downloadFile(item);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Soubor se nepoda\u0159ilo st\xE1hnout.";
+      setItems((current) => current.map(
+        (existing) => existing.id === item.id ? { ...existing, error: message, status: existing.status === "uploaded" ? "uploaded" : "error" } : existing
+      ));
+    } finally {
+      setDownloadingIds((current) => current.filter((id) => id !== item.id));
+    }
+  };
+  const effectiveTexts = {
+    placeholder: props.texts?.placeholder ?? placeholder,
+    browseButton: props.texts?.browseButton ?? browseText,
+    helperSingle: props.texts?.helperSingle ?? "",
+    helperMultiple: props.texts?.helperMultiple ?? defaultHelperMultiple
+  };
+  const helperText = useMemo(() => {
+    if (props.maxFiles) {
+      return multiple ? `Maxim\xE1ln\u011B ${props.maxFiles} soubor\u016F.` : "Lze vybrat pouze jeden soubor.";
+    }
+    return multiple ? effectiveTexts.helperMultiple : effectiveTexts.helperSingle;
+  }, [effectiveTexts.helperMultiple, effectiveTexts.helperSingle, multiple, props.maxFiles]);
+  const openPicker = () => inputRef.current?.click();
+  const triggerApi = {
+    open: openPicker,
+    disabled: !!props.disabled || remainingSlots === 0,
+    dragActive,
+    itemCount: items.length,
+    remainingSlots
+  };
+  const defaultTrigger = variant === "button" ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "default",
+      size: "small",
+      text: effectiveTexts.browseButton,
+      disabled: triggerApi.disabled,
+      onClick: openPicker
+    }
+  ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-1.5 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: twMerge("flex h-12 w-12 items-center justify-center rounded-full border border-(--ui-border) bg-white", dragActive && "border-(--ui-border-focus)"), children: /* @__PURE__ */ jsx(IconUpload, { size: 22, strokeWidth: 1.7, className: neutralIconClasses.default }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx("div", { className: twMerge("text-sm font-semibold", neutralTextClasses.strong), children: effectiveTexts.placeholder }),
+      helperText && /* @__PURE__ */ jsx("div", { className: twMerge("text-xs", neutralTextClasses.muted), children: helperText })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "default",
+        size: "small",
+        text: effectiveTexts.browseButton,
+        disabled: triggerApi.disabled,
+        onClick: openPicker
+      }
+    )
+  ] });
+  const renderedTrigger = props.renderTrigger?.(triggerApi) ?? defaultTrigger;
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onDragOver: (e) => {
+            e.preventDefault();
+            if (!props.disabled) {
+              setDragActive(true);
+            }
+          },
+          onDragLeave: (e) => {
+            e.preventDefault();
+            setDragActive(false);
+          },
+          onDrop: async (e) => {
+            e.preventDefault();
+            setDragActive(false);
+            await addFiles(e.dataTransfer.files);
+          },
+          className: twMerge(
+            variant === "button" ? "border-0 bg-transparent p-0" : "rounded-(--ui-radius-md) border border-dashed bg-white px-4 py-3.5 transition-colors",
+            dragActive ? "border-(--ui-border-focus) bg-(--ui-surface-subtle)" : variant === "button" ? "" : triggerBorderClasses.default,
+            props.disabled && triggerBorderClasses.disabled,
+            hasError && triggerBorderClasses.error,
+            props.classNames?.dropzone
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "file",
+                className: "hidden",
+                disabled: props.disabled,
+                multiple,
+                accept: props.accept,
+                onChange: async (e) => {
+                  if (!e.target.files) {
+                    return;
+                  }
+                  await addFiles(e.target.files);
+                  e.target.value = "";
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: props.classNames?.trigger, children: renderedTrigger })
+          ]
+        }
+      ),
+      items.length > 0 && /* @__PURE__ */ jsx("div", { className: twMerge("rounded-(--ui-radius-md) border border-(--ui-border) bg-white", props.classNames?.fileList), children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-(--ui-border)", children: items.map((item) => {
+        const removing = removingIds.includes(item.id);
+        const downloading = downloadingIds.includes(item.id);
+        const canDownload = !!downloadFile && item.status !== "uploading" && !removing;
+        const meta = formatBytes(item.size);
+        return /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-start gap-3 px-3 py-2.5", props.classNames?.fileItem), children: [
+          /* @__PURE__ */ jsx("div", { className: twMerge("mt-0.5 rounded-full p-2", neutralSurfaceClasses.subtle, props.classNames?.fileIcon), children: item.status === "uploading" ? /* @__PURE__ */ jsx(Spinner, { size: 14, color: "current" }) : item.status === "error" ? /* @__PURE__ */ jsx(IconAlertCircle, { size: 16, strokeWidth: 1.7, className: "text-(--ui-danger)" }) : /* @__PURE__ */ jsx(IconPaperclip, { size: 16, strokeWidth: 1.7, className: neutralIconClasses.default }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            canDownload ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: downloading,
+                onClick: () => handleDownload(item),
+                className: twMerge(
+                  "max-w-full truncate text-left text-sm font-medium underline-offset-2 transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+                  neutralTextClasses.strong,
+                  "hover:text-(--ui-primary) hover:underline",
+                  props.classNames?.fileName
+                ),
+                title: item.name,
+                children: item.name
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: twMerge("truncate text-sm font-medium", neutralTextClasses.strong, props.classNames?.fileName), children: item.name }),
+            /* @__PURE__ */ jsx("div", { className: twMerge("mt-0.5 text-xs", item.status === "error" ? "text-(--ui-danger)" : neutralTextClasses.muted, props.classNames?.fileMeta), children: item.error ?? (item.status === "uploading" ? "Nahr\xE1v\xE1 se..." : meta || "P\u0159ipraveno") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center gap-1", props.classNames?.fileActions), children: [
+            canDownload && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: downloading,
+                onClick: () => handleDownload(item),
+                className: twMerge(
+                  "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                  neutralIconClasses.default,
+                  "hover:bg-(--ui-surface-subtle) hover:text-(--ui-text)",
+                  props.classNames?.downloadButton
+                ),
+                title: "St\xE1hnout",
+                children: downloading ? /* @__PURE__ */ jsx(Spinner, { size: 14, color: "current" }) : /* @__PURE__ */ jsx(IconDownload, { size: 15, strokeWidth: 1.7 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: props.disabled || removing,
+                onClick: () => handleRemove(item),
+                className: twMerge(
+                  "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                  "text-(--ui-danger) hover:bg-red-50 hover:text-red-700",
+                  props.classNames?.removeButton
+                ),
+                title: "Odebrat",
+                children: removing ? /* @__PURE__ */ jsx(Spinner, { size: 14, color: "current" }) : /* @__PURE__ */ jsx(IconTrash, { size: 15, strokeWidth: 1.7 })
+              }
+            )
+          ] })
+        ] }, item.id);
+      }) }) })
+    ] }),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+var tagSizeClass = {
+  small: "h-5 px-1.5 text-[11px] rounded",
+  middle: "h-5 px-1.5 text-xs rounded",
+  large: "h-6 px-2 text-xs rounded"
+};
+var MultiSelectInput = ({
+  options,
+  labelKey = "label",
+  valueKey = "value",
+  size = "middle",
+  showSearch = true,
+  maxTagsVisible = 3,
+  ...props
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const allOptions = (options ?? []).map((opt) => ({
+    label: String(opt[labelKey]),
+    value: opt[valueKey]
+  }));
+  const selectedValues = props.value ?? [];
+  const hasValue = selectedValues.length > 0;
+  const resolveError = useErrorResolver();
+  const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
+  const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
+  const hasError = !!errorDisplay;
+  const selectedOptions = selectedValues.map((v) => allOptions.find((o) => o.value === v)).filter((o) => o !== void 0);
+  const visibleTags = selectedOptions.slice(0, maxTagsVisible);
+  const overflowCount = selectedOptions.length - maxTagsVisible;
+  const handleToggle = (value) => {
+    const v = value;
+    const next = selectedValues.includes(v) ? selectedValues.filter((x) => x !== v) : [...selectedValues, v];
+    props.onChange?.(next);
+  };
+  const handleRemoveTag = (e, value) => {
+    e.stopPropagation();
+    props.onChange?.(selectedValues.filter((v) => v !== value));
+  };
+  const handleTriggerClick = () => {
+    if (!props.disabled) {
+      setIsOpen((v) => !v);
+    }
+  };
+  const handleSelectAll = () => {
+    props.onChange?.(allOptions.map((o) => o.value));
+  };
+  const handleClearAllDropdown = () => {
+    props.onChange?.([]);
+  };
+  return /* @__PURE__ */ jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
+    props.label && /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        label: props.label,
+        required: props.required,
+        className: props.classNames?.label,
+        requiredMarkClassName: props.classNames?.requiredMark
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        onClick: handleTriggerClick,
+        className: twMerge(
+          "flex items-center gap-1 border bg-white cursor-pointer transition-colors select-none",
+          multiTriggerSizeClasses[size],
+          isOpen ? triggerBorderClasses.open : triggerBorderClasses.default,
+          props.disabled && triggerBorderClasses.disabled,
+          props.classNames?.trigger
+        ),
+        style: hasError ? { borderColor: "var(--ui-danger)" } : void 0,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: twMerge("flex min-w-0 flex-1 flex-wrap items-center gap-1 py-0.5", props.classNames?.tags), children: hasValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            visibleTags.map((opt) => /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: twMerge(
+                  "inline-flex shrink-0 items-center gap-0.5 border border-(--ui-border) bg-white text-(--ui-text)",
+                  tagSizeClass[size],
+                  props.classNames?.tag
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "max-w-30 truncate", children: opt.label }),
+                  !props.disabled && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: (e) => handleRemoveTag(e, opt.value),
+                      className: twMerge("shrink-0 cursor-pointer ml-0.5", neutralIconClasses.default, neutralIconClasses.hover, props.classNames?.tagRemove),
+                      children: /* @__PURE__ */ jsx(IconX, { size: 10, strokeWidth: 2.5 })
+                    }
+                  )
+                ]
+              },
+              String(opt.value)
+            )),
+            overflowCount > 0 && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: twMerge(
+                  "inline-flex shrink-0 items-center border border-(--ui-border) bg-white text-(--ui-text-muted)",
+                  tagSizeClass[size],
+                  props.classNames?.overflowTag
+                ),
+                children: [
+                  "+",
+                  overflowCount
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx("span", { className: twMerge("flex min-h-5 items-center leading-none", neutralTextClasses.soft, props.classNames?.placeholder), children: props.placeholder ?? "" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1 self-center", children: /* @__PURE__ */ jsx(
+            IconChevronDown,
+            {
+              size: 13,
+              strokeWidth: 1.5,
+              className: twMerge(neutralIconClasses.default, "shrink-0 self-center transition-transform", isOpen && "rotate-180", props.classNames?.icon)
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SelectDropdown,
+      {
+        anchorRef: triggerRef,
+        isOpen,
+        options: allOptions,
+        selectedValues: new Set(selectedValues),
+        onSelect: handleToggle,
+        onClose: () => setIsOpen(false),
+        loading: props.loading,
+        showSearch,
+        multiMode: true,
+        onSelectAll: handleSelectAll,
+        onClearAll: handleClearAllDropdown
+      }
+    ),
+    errorDisplay && /* @__PURE__ */ jsx(InputError, { error: String(errorDisplay), className: props.classNames?.error })
+  ] });
+};
+
+// src/notification/useNotification.ts
+var useNotification = () => {
+  const { add } = useNotificationContext();
+  return {
+    success: (message, options) => add("success", message, options),
+    error: (message, options) => add("error", message, options),
+    warning: (message, options) => add("warning", message, options),
+    info: (message, options) => add("info", message, options)
+  };
+};
+var Pretty = ({ data, className }) => /* @__PURE__ */ jsx(
+  "pre",
+  {
+    className: twMerge(
+      "overflow-auto rounded-(--ui-radius-lg) border border-(--ui-border) bg-(--ui-surface-subtle) p-3 text-xs text-(--ui-text) whitespace-pre-wrap wrap-anywhere",
+      className
+    ),
+    children: JSON.stringify(data, null, 2)
+  }
+);
+var GAP2 = 10;
+var VIEWPORT_MARGIN2 = 8;
+function calcPosition3(trigger, tooltip, placement) {
+  let resolvedPlacement = placement;
+  if (placement === "top" && trigger.top < tooltip.height + GAP2 + VIEWPORT_MARGIN2) {
+    resolvedPlacement = "bottom";
+  } else if (placement === "bottom" && window.innerHeight - trigger.bottom < tooltip.height + GAP2 + VIEWPORT_MARGIN2) {
+    resolvedPlacement = "top";
+  } else if (placement === "left" && trigger.left < tooltip.width + GAP2 + VIEWPORT_MARGIN2) {
+    resolvedPlacement = "right";
+  } else if (placement === "right" && window.innerWidth - trigger.right < tooltip.width + GAP2 + VIEWPORT_MARGIN2) {
+    resolvedPlacement = "left";
+  }
+  let top = 0;
+  let left = 0;
+  switch (resolvedPlacement) {
+    case "bottom":
+      top = trigger.bottom + GAP2;
+      left = trigger.left + (trigger.width - tooltip.width) / 2;
+      break;
+    case "left":
+      top = trigger.top + (trigger.height - tooltip.height) / 2;
+      left = trigger.left - tooltip.width - GAP2;
+      break;
+    case "right":
+      top = trigger.top + (trigger.height - tooltip.height) / 2;
+      left = trigger.right + GAP2;
+      break;
+    case "top":
+    default:
+      top = trigger.top - tooltip.height - GAP2;
+      left = trigger.left + (trigger.width - tooltip.width) / 2;
+      break;
+  }
+  return {
+    top: Math.min(
+      Math.max(top, VIEWPORT_MARGIN2),
+      Math.max(window.innerHeight - tooltip.height - VIEWPORT_MARGIN2, VIEWPORT_MARGIN2)
+    ),
+    left: Math.min(
+      Math.max(left, VIEWPORT_MARGIN2),
+      Math.max(window.innerWidth - tooltip.width - VIEWPORT_MARGIN2, VIEWPORT_MARGIN2)
+    ),
+    placement: resolvedPlacement
+  };
+}
+var arrowClasses = {
+  top: "left-1/2 -bottom-1.5 -translate-x-1/2 border-l-transparent border-r-transparent border-b-0 border-t-white",
+  bottom: "left-1/2 -top-1.5 -translate-x-1/2 border-l-transparent border-r-transparent border-t-0 border-b-white",
+  left: "top-1/2 -right-1.5 -translate-y-1/2 border-t-transparent border-b-transparent border-r-0 border-l-white",
+  right: "top-1/2 -left-1.5 -translate-y-1/2 border-t-transparent border-b-transparent border-l-0 border-r-white"
+};
+var Tooltip = ({
+  title,
+  children,
+  placement = "top",
+  open: controlledOpen,
+  onOpenChange,
+  maxWidth = 320,
+  className,
+  contentClassName,
+  arrow = true,
+  classNames
+}) => {
+  const tooltipId = useId();
+  const triggerRef = useRef(null);
+  const tooltipRef = useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const [position, setPosition] = useState(null);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (next) => {
+    if (controlledOpen === void 0) {
+      setUncontrolledOpen(next);
+    }
+    onOpenChange?.(next);
+  };
+  useEffect(() => {
+    if (!open || !triggerRef.current || !tooltipRef.current) {
+      return;
+    }
+    const updatePosition = () => {
+      if (!triggerRef.current || !tooltipRef.current) {
+        return;
+      }
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const tooltipRect = tooltipRef.current.getBoundingClientRect();
+      const next = calcPosition3(triggerRect, tooltipRect, placement);
+      setPosition(next);
+    };
+    updatePosition();
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [open, placement, title]);
+  if (!title) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        "aria-describedby": open ? tooltipId : void 0,
+        className: twMerge("inline-flex", className, classNames?.trigger),
+        onMouseEnter: () => setOpen(true),
+        onMouseLeave: () => setOpen(false),
+        onFocus: () => setOpen(true),
+        onBlur: () => setOpen(false),
+        children
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: tooltipId,
+          ref: tooltipRef,
+          "data-ui-floating-root": "",
+          role: "tooltip",
+          className: twMerge(
+            "fixed z-1100 rounded-(--ui-radius-md) border border-(--ui-border) bg-white text-gray-700 shadow-md",
+            popupLayoutClasses.tooltip,
+            contentClassName,
+            classNames?.panel
+          ),
+          style: {
+            top: position?.top ?? -9999,
+            left: position?.left ?? -9999,
+            maxWidth
+          },
+          onMouseEnter: () => setOpen(true),
+          onMouseLeave: () => setOpen(false),
+          children: [
+            title,
+            arrow && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: twMerge(
+                  "absolute h-0 w-0 border-[6px]",
+                  arrowClasses[position?.placement ?? placement],
+                  classNames?.arrow
+                )
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+
+// src/initUI.ts
+function initUI(config) {
+  const d = uiTheme;
+  const c = config ?? {};
+  const colors = {
+    primary: { ...d.colors.primary, ...c.colors?.primary },
+    danger: { ...d.colors.danger, ...c.colors?.danger },
+    success: { ...d.colors.success, ...c.colors?.success },
+    warning: { ...d.colors.warning, ...c.colors?.warning },
+    info: { ...d.colors.info, ...c.colors?.info }
+  };
+  const border = { ...d.border, ...c.border };
+  const radius = { ...d.radius, ...c.radius };
+  const gray2 = { ...d.gray, ...c.gray };
+  const size = {
+    small: { ...d.size.small, ...c.size?.small },
+    middle: { ...d.size.middle, ...c.size?.middle },
+    large: { ...d.size.large, ...c.size?.large }
+  };
+  const layout = {
+    panel: { ...d.layout.panel, ...c.layout?.panel },
+    drawer: { ...d.layout.drawer, ...c.layout?.drawer },
+    popup: { ...d.layout.popup, ...c.layout?.popup },
+    empty: { ...d.layout.empty, ...c.layout?.empty },
+    table: {
+      small: { ...d.layout.table.small, ...c.layout?.table?.small },
+      middle: { ...d.layout.table.middle, ...c.layout?.table?.middle },
+      large: { ...d.layout.table.large, ...c.layout?.table?.large }
+    }
+  };
+  if (c.icons) {
+    registerIcons(c.icons);
+  }
+  const r = document.documentElement;
+  r.style.setProperty("--ui-primary", colors.primary.bg);
+  r.style.setProperty("--ui-primary-hover", colors.primary.hover);
+  r.style.setProperty("--ui-primary-active", colors.primary.hover);
+  r.style.setProperty("--ui-primary-text", colors.primary.text);
+  r.style.setProperty("--ui-danger", colors.danger.bg);
+  r.style.setProperty("--ui-danger-hover", colors.danger.hover);
+  r.style.setProperty("--ui-danger-text", colors.danger.text);
+  r.style.setProperty("--ui-success", colors.success.bg);
+  r.style.setProperty("--ui-success-hover", colors.success.hover);
+  r.style.setProperty("--ui-success-text", colors.success.text);
+  r.style.setProperty("--ui-warning", colors.warning.bg);
+  r.style.setProperty("--ui-warning-hover", colors.warning.hover);
+  r.style.setProperty("--ui-warning-text", colors.warning.text);
+  r.style.setProperty("--ui-info", colors.info.bg);
+  r.style.setProperty("--ui-info-hover", colors.info.hover);
+  r.style.setProperty("--ui-info-text", colors.info.text);
+  r.style.setProperty("--ui-border", border.color);
+  r.style.setProperty("--ui-border-input", border.input);
+  r.style.setProperty("--ui-border-focus", border.focus);
+  r.style.setProperty("--ui-border-width", border.width);
+  r.style.setProperty("--ui-border-strong", gray2[300]);
+  r.style.setProperty("--ui-surface-subtle", gray2[50]);
+  r.style.setProperty("--ui-surface-muted", gray2[100]);
+  r.style.setProperty("--ui-surface-selected", "#eff6ff");
+  r.style.setProperty("--ui-text-strong", gray2[800]);
+  r.style.setProperty("--ui-text", gray2[700]);
+  r.style.setProperty("--ui-text-muted", gray2[500]);
+  r.style.setProperty("--ui-text-soft", gray2[400]);
+  r.style.setProperty("--ui-text-disabled", gray2[400]);
+  r.style.setProperty("--ui-radius-sm", radius.sm);
+  r.style.setProperty("--ui-radius-md", radius.md);
+  r.style.setProperty("--ui-radius-lg", radius.lg);
+  r.style.setProperty("--ui-h-sm", size.small.height);
+  r.style.setProperty("--ui-px-sm", size.small.px);
+  r.style.setProperty("--ui-text-sm", size.small.text);
+  r.style.setProperty("--ui-h-md", size.middle.height);
+  r.style.setProperty("--ui-px-md", size.middle.px);
+  r.style.setProperty("--ui-text-md", size.middle.text);
+  r.style.setProperty("--ui-h-lg", size.large.height);
+  r.style.setProperty("--ui-px-lg", size.large.px);
+  r.style.setProperty("--ui-text-lg", size.large.text);
+  r.style.setProperty("--ui-panel-header-h", layout.panel.headerHeight);
+  r.style.setProperty("--ui-panel-header-px", layout.panel.headerPx);
+  r.style.setProperty("--ui-panel-body-p", layout.panel.bodyPadding);
+  r.style.setProperty("--ui-panel-footer-px", layout.panel.footerPx);
+  r.style.setProperty("--ui-panel-footer-py", layout.panel.footerPy);
+  r.style.setProperty("--ui-drawer-header-h", layout.drawer.headerHeight);
+  r.style.setProperty("--ui-drawer-header-px", layout.drawer.headerPx);
+  r.style.setProperty("--ui-drawer-body-p", layout.drawer.bodyPadding);
+  r.style.setProperty("--ui-drawer-footer-px", layout.drawer.footerPx);
+  r.style.setProperty("--ui-drawer-footer-py", layout.drawer.footerPy);
+  r.style.setProperty("--ui-popup-panel-p", layout.popup.panelPadding);
+  r.style.setProperty("--ui-popup-row-px", layout.popup.compactPaddingX);
+  r.style.setProperty("--ui-popup-row-py", layout.popup.compactPaddingY);
+  r.style.setProperty("--ui-popup-gap", layout.popup.compactGap);
+  r.style.setProperty("--ui-popup-text", layout.popup.text);
+  r.style.setProperty("--ui-table-cell-x-sm", layout.table.small.cellPx);
+  r.style.setProperty("--ui-table-th-y-sm", layout.table.small.thPy);
+  r.style.setProperty("--ui-table-td-y-sm", layout.table.small.tdPy);
+  r.style.setProperty("--ui-table-empty-y-sm", layout.table.small.emptyPy);
+  r.style.setProperty("--ui-table-cell-x-md", layout.table.middle.cellPx);
+  r.style.setProperty("--ui-table-th-y-md", layout.table.middle.thPy);
+  r.style.setProperty("--ui-table-td-y-md", layout.table.middle.tdPy);
+  r.style.setProperty("--ui-table-empty-y-md", layout.table.middle.emptyPy);
+  r.style.setProperty("--ui-table-cell-x-lg", layout.table.large.cellPx);
+  r.style.setProperty("--ui-table-th-y-lg", layout.table.large.thPy);
+  r.style.setProperty("--ui-table-td-y-lg", layout.table.large.tdPy);
+  r.style.setProperty("--ui-table-empty-y-lg", layout.table.large.emptyPy);
+  r.style.setProperty("--ui-empty-py", layout.empty.defaultPy);
+  r.style.setProperty("--ui-empty-compact-py", layout.empty.compactPy);
+  r.style.setProperty("--ui-empty-icon-box", layout.empty.defaultIconBox);
+  r.style.setProperty("--ui-empty-compact-icon-box", layout.empty.compactIconBox);
+  r.style.setProperty("--ui-empty-icon", layout.empty.defaultIcon);
+  r.style.setProperty("--ui-empty-compact-icon", layout.empty.compactIcon);
+  r.style.setProperty("--ui-empty-compact-text", layout.empty.compactText);
+  r.style.setProperty("--ui-empty-compact-description", layout.empty.compactDescription);
+}
+
+export { ActiveTag, Alert, Avatar, Badge, Button, CheckboxInput, ColorInput, DateInput, Drawer, DrawerContent, DrawerFooter, DrawerTitle, Dropdown, Empty, ErrorProvider, FilterCheckboxInput, FilterDateInput, FilterDateRangePopover, FilterNumberInput, FilterSelectGroupPopover, FilterSelectInput, FilterTextInput, FlagTag, Grid, GridFilters, HtmlInput, InputError, InputField, InputLabel, MultiSelectInput, NotificationProvider, NumberInput, Panel, Popconfirm, Pretty, SelectInput, ServerError, Skeleton, SortDirection, Spinner, SwitchInput, Table, Tabs, Tag, TextInput, Tooltip, UploadInput, UploadProvider, getIcon, initUI, notification, registerIcons, uiTheme, useDrawer, useGrid, useNotification, useUploadConfig };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map