@reformer/ui-kit 1.0.0-beta.2

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+/** Props компонента {@link Textarea}. */
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'> {
+    /** Дополнительный CSS-класс. */
+    className?: string;
+    /** Текущее значение. `null`/`undefined` рендерится как пустое поле. */
+    value?: string | null;
+    /** Обработчик изменений. Пустая строка приводится к `null`. */
+    onChange?: (value: string | null) => void;
+    /** Срабатывает при потере фокуса. */
+    onBlur?: () => void;
+    /** Подсказка внутри поля. */
+    placeholder?: string;
+    /** Блокирует ввод. */
+    disabled?: boolean;
+    /** Видимая высота в строках. По умолчанию `3`. */
+    rows?: number;
+    /**
+     * Hard-лимит длины (нативное HTML-поведение). Используется как soft-protection
+     * на уровне UI; для бизнес-валидации добавляй `maxLength` через `validations`.
+     */
+    maxLength?: number;
+}
+/**
+ * Многострочное поле ввода. Resize по вертикали разрешён (`resize-y`).
+ *
+ * @example Поле для комментария с лимитом длины
+ * ```tsx
+ * import { Textarea } from '@reformer/ui-kit';
+ *
+ * <Textarea
+ *   value={comment}
+ *   onChange={setComment}
+ *   rows={5}
+ *   maxLength={500}
+ *   placeholder="Опишите проблему"
+ * />
+ * ```
+ *
+ * @example Поле адреса
+ * ```tsx
+ * import { Textarea } from '@reformer/ui-kit';
+ *
+ * <Textarea
+ *   value={address}
+ *   onChange={setAddress}
+ *   rows={3}
+ *   placeholder="Адрес доставки"
+ * />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/form-array-section-CItAR061.js

@@ -0,0 +1,92 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useFormControl as S, extractPath as $, FieldPathNavigator as P } from "@reformer/core";
+import { FormArray as s } from "@reformer/cdk/form-array";
+const R = new P();
+function B(t, a) {
+  if (!t) return null;
+  if (typeof t == "object" && typeof t.push == "function" && typeof t.removeAt == "function")
+    return t;
+  if (!a)
+    return typeof console < "u" && console.warn(
+      "[FormArraySection] control is a FieldPath but no `form` prop available. Ensure this component is rendered inside FormRenderer with form available, or pass form explicitly."
+    ), null;
+  try {
+    const r = $(t), n = R.getNodeByPath(a, r);
+    return n || (typeof console < "u" && console.warn(`[FormArraySection] No ArrayNode at path "${r}".`), null);
+  } catch (r) {
+    return typeof console < "u" && console.warn("[FormArraySection] Failed to resolve control:", r), null;
+  }
+}
+function E({
+  control: t,
+  itemComponent: a,
+  title: r,
+  itemLabel: n,
+  addButtonLabel: u = "+ Добавить",
+  removeButtonLabel: v = "Удалить",
+  emptyMessage: f,
+  emptyMessageHint: m,
+  hasItems: b,
+  initialValue: h,
+  showRemoveOnSingle: g = !1,
+  maxItems: p,
+  className: x = "space-y-3 mt-2",
+  cardClassName: N = "mb-4 p-4 bg-white rounded border",
+  form: w
+}) {
+  const d = B(t, w), A = S(
+    d ?? void 0
+  );
+  if (b === !1 || !d) return null;
+  const c = A?.length ?? 0, y = p != null && c >= p, F = (l, o) => typeof n == "function" ? n(l, o) : `${n ?? r ?? "Элемент"} #${o + 1}`;
+  return /* @__PURE__ */ e(s.Root, { control: d, children: /* @__PURE__ */ i("section", { className: x, children: [
+    r ? /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: r }),
+      y ? null : /* @__PURE__ */ e(
+        s.AddButton,
+        {
+          initialValue: h,
+          "data-testid": "array-add",
+          className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2",
+          children: u
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ e(s.List, { className: "space-y-3", children: ({ control: l, index: o, remove: j }) => {
+      const C = g || c > 1;
+      return /* @__PURE__ */ i("div", { className: N, "data-testid": `array-item-${o}`, children: [
+        r || n ? /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-3", children: [
+          /* @__PURE__ */ e("h4", { className: "font-medium", children: F(l, o) }),
+          C ? /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: j,
+              "data-testid": `array-item-${o}-remove`,
+              className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow hover:bg-destructive/90 h-9 px-4 py-2",
+              children: v
+            }
+          ) : null
+        ] }) : null,
+        /* @__PURE__ */ e(a, { control: l })
+      ] });
+    } }),
+    c === 0 && f ? /* @__PURE__ */ e(s.Empty, { children: /* @__PURE__ */ i("div", { className: "p-4 bg-gray-100 border border-gray-300 rounded text-center text-gray-600", children: [
+      f,
+      m && /* @__PURE__ */ e("div", { className: "mt-2 text-xs text-gray-500", children: m })
+    ] }) }) : null,
+    !r && !y ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      s.AddButton,
+      {
+        initialValue: h,
+        "data-testid": "array-add",
+        className: "text-sm text-blue-600 hover:text-blue-700 hover:underline",
+        children: u
+      }
+    ) }) : null
+  ] }) });
+}
+E.__selfManagedChildren = !0;
+export {
+  E as F
+};

package/dist/form-array.d.ts

@@ -0,0 +1,2 @@
+export * from './components/form-array/index'
+export {}

package/dist/form-array.js

@@ -0,0 +1,4 @@
+import { F as a } from "./form-array-section-CItAR061.js";
+export {
+  a as FormArraySection
+};

package/dist/form-wizard-C-yRYqTI.js

@@ -0,0 +1,118 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useRef as x, useImperativeHandle as p, isValidElement as f } from "react";
+import { FormWizard as o } from "@reformer/cdk/form-wizard";
+import { RenderNodeComponent as $ } from "@reformer/renderer-react";
+import { Button as u } from "./ui/button.js";
+import { c as v } from "./utils-DtaLkIY8.js";
+const y = ({
+  prev: e,
+  next: t,
+  submit: a,
+  isFirstStep: d,
+  isLastStep: i,
+  isValidating: c,
+  isSubmitting: r,
+  className: l,
+  prevLabel: m = "← Назад",
+  nextLabel: g = "Далее →",
+  submitLabel: b = "Отправить заявку",
+  validatingLabel: h = "Проверка...",
+  submittingLabel: C = "Отправка..."
+}) => /* @__PURE__ */ s("div", { className: `flex gap-4 ${l || ""}`, children: [
+  !d && /* @__PURE__ */ n(u, { onClick: e.onClick, disabled: e.disabled, "data-testid": "btn-previous", children: m }),
+  /* @__PURE__ */ n("div", { className: "flex-1" }),
+  i ? /* @__PURE__ */ n(u, { onClick: a.onClick, disabled: a.disabled, "data-testid": "btn-submit", children: r ? C : b }) : /* @__PURE__ */ n(u, { onClick: t.onClick, disabled: t.disabled, "data-testid": "btn-next", children: c ? h : g })
+] }), F = ({ current: e, total: t, percent: a }) => `Шаг ${e} из ${t} • ${a}% завершено`, S = ({
+  className: e,
+  format: t = F,
+  ...a
+}) => {
+  const d = v("text-center text-sm text-gray-600", e);
+  return /* @__PURE__ */ n("div", { className: d, children: t(a) });
+}, k = (e) => `Шаг ${e.number}: ${e.title}` + (e.isCurrent ? " (текущий)" : "") + (e.isCompleted ? " (завершён)" : ""), w = ({
+  steps: e,
+  goToStep: t,
+  className: a,
+  navAriaLabel: d = "Шаги формы",
+  stepAriaLabel: i = k
+}) => {
+  const c = (r) => r.isCurrent ? "bg-blue-500 text-white" : r.isCompleted ? "text-green-500 hover:bg-gray-200" : r.canNavigate ? "hover:bg-gray-200" : "opacity-50";
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `flex items-center justify-between p-4 bg-gray-100 rounded-lg ${a || ""}`,
+      "data-testid": "step-indicator",
+      role: "navigation",
+      "aria-label": d,
+      children: e.map((r, l) => /* @__PURE__ */ s("div", { className: "flex items-center flex-1", children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: `flex items-center gap-2 p-3 rounded-lg transition-all ${c(r)} ${r.canNavigate ? "cursor-pointer" : "cursor-not-allowed"}`,
+            onClick: () => r.canNavigate && t(r.number),
+            onKeyDown: (m) => m.key === "Enter" && r.canNavigate && t(r.number),
+            "data-testid": `step-indicator-${r.number}`,
+            "data-step-number": r.number,
+            "data-step-current": r.isCurrent,
+            "data-step-completed": r.isCompleted,
+            "data-step-can-navigate": r.canNavigate,
+            role: "button",
+            "aria-label": i(r),
+            "aria-current": r.isCurrent ? "step" : void 0,
+            tabIndex: r.canNavigate ? 0 : -1,
+            children: [
+              /* @__PURE__ */ n("div", { className: "text-2xl", "aria-hidden": "true", children: r.isCompleted ? "✓" : r.icon }),
+              /* @__PURE__ */ n("div", { className: "text-sm font-semibold", children: r.title }),
+              /* @__PURE__ */ n("div", { className: "text-sm", children: r.number })
+            ]
+          }
+        ),
+        l < e.length - 1 && /* @__PURE__ */ n(
+          "div",
+          {
+            className: `flex-1 h-0.5 mx-2 ${r.isCompleted ? "bg-green-500" : "bg-gray-300"}`,
+            "aria-hidden": "true"
+          }
+        )
+      ] }, r.number))
+    }
+  );
+};
+function z(e) {
+  return e !== null && typeof e == "object" && !f(e) && "component" in e && // RenderNode-shape, НЕ React component reference (memo/forwardRef имеют $$typeof).
+  !("$$typeof" in e);
+}
+function W(e) {
+  return typeof e == "function" ? !0 : e !== null && typeof e == "object" && "$$typeof" in e ? !f(e) : !1;
+}
+function I(e, t) {
+  return f(e) ? e : W(e) ? /* @__PURE__ */ n(e, { control: t }) : z(e) ? /* @__PURE__ */ n($, { node: e, form: t }) : e;
+}
+function j(e, t) {
+  const a = x(null);
+  p(t, () => a.current);
+  const d = e.steps.map(({ number: i, title: c, icon: r }) => ({
+    number: i,
+    title: c,
+    icon: r
+  }));
+  return /* @__PURE__ */ s(o, { ref: a, form: e.form, config: e.config, children: [
+    /* @__PURE__ */ n(o.Indicator, { steps: d, children: (i) => /* @__PURE__ */ n(w, { ...i, className: "mb-8" }) }),
+    /* @__PURE__ */ n("div", { className: "bg-white p-8 rounded-lg shadow-md", children: e.steps.map((i) => /* @__PURE__ */ n(o.Step, { children: I(i.body, e.form) }, i.number)) }),
+    /* @__PURE__ */ n(o.Actions, { onSubmit: e.onSubmit, children: (i) => /* @__PURE__ */ n(y, { ...i, className: "mt-8" }) }),
+    /* @__PURE__ */ n(o.Progress, { children: (i) => /* @__PURE__ */ n(S, { ...i, className: "mt-4" }) })
+  ] });
+}
+const A = N(j), R = Object.assign(A, {
+  Indicator: o.Indicator,
+  Step: o.Step,
+  Actions: o.Actions,
+  Progress: o.Progress
+});
+R.__selfManagedChildren = !0;
+export {
+  R as F,
+  w as S,
+  y as a,
+  S as b
+};

package/dist/form-wizard.d.ts

@@ -0,0 +1,2 @@
+export * from './components/form-wizard/index'
+export {}

package/dist/form-wizard.js

@@ -0,0 +1,7 @@
+import { F as o, a as s, b as i, S as d } from "./form-wizard-C-yRYqTI.js";
+export {
+  o as FormWizard,
+  s as FormWizardActions,
+  i as FormWizardProgress,
+  d as StepIndicator
+};

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+export { AsyncBoundary } from './components/ui/async-boundary';
+export type { AsyncBoundaryProps, AsyncStatus } from './components/ui/async-boundary';
+export { Box } from './components/ui/box';
+export type { BoxProps } from './components/ui/box';
+export { Button } from './components/ui/button';
+export { Checkbox } from './components/ui/checkbox';
+export type { CheckboxProps } from './components/ui/checkbox';
+export { Collapsible } from './components/ui/collapsible';
+export type { CollapsibleProps } from './components/ui/collapsible';
+export { ExampleCard } from './components/ui/example-card';
+export type { ExampleCardProps } from './components/ui/example-card';
+export { FormField } from './components/ui/form-field';
+export type { FormFieldProps } from './components/ui/form-field';
+export { Input } from './components/ui/input';
+export type { InputProps } from './components/ui/input';
+export { InputMask } from './components/ui/input-mask';
+export type { InputMaskProps } from './components/ui/input-mask';
+export { InputPassword } from './components/ui/input-password';
+export type { InputPasswordProps } from './components/ui/input-password';
+export { RadioGroup } from './components/ui/radio-group';
+export type { RadioGroupProps, RadioOption } from './components/ui/radio-group';
+export { Section } from './components/ui/section';
+export type { SectionProps } from './components/ui/section';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, } from './components/ui/select';
+export type { SelectProps } from './components/ui/select';
+export { Textarea } from './components/ui/textarea';
+export type { TextareaProps } from './components/ui/textarea';
+export { ErrorState } from './components/state/error-state';
+export { LoadingState } from './components/state/loading-state';
+export { FormArraySection } from './components/form-array/form-array-section';
+export type { FormArraySectionProps } from './components/form-array/form-array-section';
+export { FormWizard } from './components/form-wizard/form-wizard';
+export type { FormWizardProps, FormWizardStep, FormWizardStepBody, } from './components/form-wizard/form-wizard';
+export { StepIndicator } from './components/form-wizard/step-indicator';
+export { FormWizardActions } from './components/form-wizard/form-wizard-actions';
+export { FormWizardProgress } from './components/form-wizard/form-wizard-progress';
+export { cn } from './lib/utils';

package/dist/index.js

@@ -0,0 +1,170 @@
+import { AsyncBoundary as F } from "./ui/async-boundary.js";
+import { Box as j } from "./ui/box.js";
+import { Button as E } from "./ui/button.js";
+import { Checkbox as z } from "./ui/checkbox.js";
+import { Collapsible as M } from "./ui/collapsible.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as c, useCallback as d } from "react";
+import { c as i } from "./utils-DtaLkIY8.js";
+import { FormField as G } from "./ui/form-field.js";
+import { Input as D } from "./ui/input.js";
+import { InputMask as U } from "./ui/input-mask.js";
+import { InputPassword as q } from "./ui/input-password.js";
+import { RadioGroup as J } from "./ui/radio-group.js";
+import { Section as O } from "./ui/section.js";
+import { Select as X, SelectContent as Y, SelectGroup as _, SelectItem as $, SelectLabel as ee, SelectScrollDownButton as oe, SelectScrollUpButton as te, SelectTrigger as re, SelectValue as ne } from "./ui/select.js";
+import { Textarea as ie } from "./ui/textarea.js";
+import { E as ae, L as ce } from "./loading-state-4VeOE6iN.js";
+import { F as pe } from "./form-array-section-CItAR061.js";
+import { F as me, a as xe, b as ge, S as ue } from "./form-wizard-C-yRYqTI.js";
+const f = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ e("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+    ]
+  }
+), v = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+  }
+), y = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
+      /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
+    ]
+  }
+), k = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
+    ]
+  }
+);
+function L({
+  title: p,
+  description: l,
+  children: h,
+  code: r,
+  className: m,
+  bgColor: x = "bg-white"
+}) {
+  const [t, g] = c(!1), [n, a] = c(!1), u = d(async () => {
+    try {
+      await navigator.clipboard.writeText(r), a(!0), setTimeout(() => a(!1), 2e3);
+    } catch (s) {
+      console.error("Failed to copy:", s);
+    }
+  }, [r]), w = d(() => {
+    g((s) => !s);
+  }, []);
+  return /* @__PURE__ */ o("div", { className: i("p-4 border rounded-lg", x, m), children: [
+    /* @__PURE__ */ o("div", { className: "flex items-start justify-between mb-2", children: [
+      /* @__PURE__ */ o("div", { className: "flex-1 min-w-0 pr-2", children: [
+        /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: p }),
+        l && /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 mt-1", children: l })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-1 flex-shrink-0", children: /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: w,
+          className: i(
+            "p-1.5 rounded transition-colors",
+            t ? "bg-blue-100 text-blue-600" : "hover:bg-gray-200 text-gray-600 hover:text-gray-800"
+          ),
+          title: t ? "Показать пример" : "Показать код",
+          children: t ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(y, {})
+        }
+      ) })
+    ] }),
+    t ? /* @__PURE__ */ o("div", { className: "relative", children: [
+      /* @__PURE__ */ e("pre", { className: "text-xs bg-gray-800 text-green-400 p-3 pr-10 rounded overflow-x-auto whitespace-pre", children: r }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: u,
+          className: i(
+            "absolute top-2 right-2 p-1.5 rounded transition-colors",
+            n ? "bg-green-700 text-green-300" : "bg-gray-700 text-gray-400 hover:bg-gray-600 hover:text-gray-200"
+          ),
+          title: n ? "Скопировано!" : "Копировать код",
+          children: n ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(f, {})
+        }
+      )
+    ] }) : /* @__PURE__ */ e("div", { className: "mt-4", children: h })
+  ] });
+}
+export {
+  F as AsyncBoundary,
+  j as Box,
+  E as Button,
+  z as Checkbox,
+  M as Collapsible,
+  ae as ErrorState,
+  L as ExampleCard,
+  pe as FormArraySection,
+  G as FormField,
+  me as FormWizard,
+  xe as FormWizardActions,
+  ge as FormWizardProgress,
+  D as Input,
+  U as InputMask,
+  q as InputPassword,
+  ce as LoadingState,
+  J as RadioGroup,
+  O as Section,
+  X as Select,
+  Y as SelectContent,
+  _ as SelectGroup,
+  $ as SelectItem,
+  ee as SelectLabel,
+  oe as SelectScrollDownButton,
+  te as SelectScrollUpButton,
+  re as SelectTrigger,
+  ne as SelectValue,
+  ue as StepIndicator,
+  ie as Textarea,
+  i as cn
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,29 @@
+import { ClassValue } from 'clsx';
+/**
+ * Объединяет CSS-классы (`clsx` + `tailwind-merge`). Удобно для условных
+ * классов с разрешением конфликтов Tailwind: при конфликтующих классах из
+ * одной семьи (`px-2` и `px-4`) побеждает последний.
+ *
+ * @example Условные классы (последний `px-*` побеждает)
+ * ```typescript
+ * import { cn } from '@reformer/ui-kit';
+ *
+ * cn('px-2 py-1', isActive && 'bg-blue-500', 'px-4');
+ * // → 'py-1 bg-blue-500 px-4'
+ * ```
+ *
+ * @example Override дефолтных стилей в forwardRef-компоненте
+ * ```tsx
+ * import * as React from 'react';
+ * import { cn } from '@reformer/ui-kit';
+ *
+ * const Card = React.forwardRef<HTMLDivElement, { className?: string }>(
+ *   ({ className, ...props }, ref) => (
+ *     <div ref={ref} className={cn('rounded-lg border p-4', className)} {...props} />
+ *   )
+ * );
+ *
+ * <Card className="p-8" />   // p-4 затёрт пользовательским p-8
+ * ```
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/loading-state-4VeOE6iN.js

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Button as i } from "./ui/button.js";
+function o({
+  error: r,
+  title: d = "Ошибка загрузки",
+  onRetry: t,
+  retryLabel: l = "Повторить",
+  className: s
+}) {
+  return /* @__PURE__ */ e("div", { "data-testid": "error-state", className: s ?? "w-full", children: /* @__PURE__ */ a("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 text-center space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "text-red-600 text-5xl", children: "!" }),
+    /* @__PURE__ */ e("div", { className: "text-xl font-semibold text-red-800", children: d }),
+    /* @__PURE__ */ e("div", { className: "text-red-700", children: r }),
+    t && /* @__PURE__ */ e(i, { onClick: t, children: l })
+  ] }) });
+}
+function m({
+  title: r = "Загрузка данных...",
+  subtitle: d = "Пожалуйста, подождите",
+  className: t
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": "loading-state",
+      className: t ?? "w-full flex items-center justify-center p-12",
+      children: /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
+        /* @__PURE__ */ e("div", { className: "inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-blue-600 border-r-transparent" }),
+        /* @__PURE__ */ e("div", { className: "text-lg text-gray-600", children: r }),
+        /* @__PURE__ */ e("div", { className: "text-sm text-gray-500", children: d })
+      ] })
+    }
+  );
+}
+export {
+  o as E,
+  m as L
+};

package/dist/state.d.ts

@@ -0,0 +1,2 @@
+export * from './components/state/index'
+export {}

package/dist/state.js

@@ -0,0 +1,5 @@
+import { E as t, L as o } from "./loading-state-4VeOE6iN.js";
+export {
+  t as ErrorState,
+  o as LoadingState
+};

package/dist/ui/async-boundary.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/async-boundary'
+export {}

package/dist/ui/async-boundary.js

@@ -0,0 +1,12 @@
+import { jsx as r, Fragment as f } from "react/jsx-runtime";
+function t({
+  status: n,
+  LoadingComponent: u,
+  ErrorComponent: l,
+  children: e
+}) {
+  return n === "loading" ? u ? /* @__PURE__ */ r(u, {}) : null : n === "error" ? l ? /* @__PURE__ */ r(l, {}) : null : /* @__PURE__ */ r(f, { children: e });
+}
+export {
+  t as AsyncBoundary
+};

package/dist/ui/box.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/box'
+export {}

package/dist/ui/box.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+function n({ className: o, children: r }) {
+  return /* @__PURE__ */ t("div", { className: o, children: r });
+}
+export {
+  n as Box
+};

package/dist/ui/button.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/button'
+export {}