@scbt-ecom/ui 0.46.1 → 0.46.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,3 +5,4 @@ export * from './useControlledForm';
5
5
  export * from './useDebounce';
6
6
  export * from './useObserveElements';
7
7
  export * from './useFieldsProgress';
8
+ export * from './useFloating';
@@ -0,0 +1,8 @@
1
+ type FloatingPosition = {
2
+ top?: number;
3
+ left?: number;
4
+ width?: number;
5
+ transformOrigin?: string;
6
+ };
7
+ export declare const useFloating: (trigger: React.RefObject<HTMLButtonElement>, list: React.RefObject<HTMLUListElement>, offset: number) => FloatingPosition | null;
8
+ export {};
@@ -8,7 +8,7 @@ export type EmailValidationOptions<Required extends boolean> = {
8
8
  /**
9
9
  * Регулярное выражение для проверки email на валидность
10
10
  */
11
- regexp?: RegExp;
11
+ regexp?: RegExp | string;
12
12
  message?: {
13
13
  min?: string;
14
14
  invalid?: string;
@@ -9,7 +9,7 @@ export type PhoneValidationOptions<Required extends boolean> = {
9
9
  * игнорирует символы для проверки поля исключая данные символы
10
10
  * @default /[()+_ -]/g
11
11
  */
12
- maskSymbols?: RegExp;
12
+ maskSymbols?: RegExp | string;
13
13
  /**
14
14
  * указывает что поле обязательное
15
15
  */
@@ -5,9 +5,9 @@ export type UrlValidationOptions<Required extends boolean> = {
5
5
  */
6
6
  required?: Required;
7
7
  /**
8
- * Регулярное выражение для проверки email на валидность
8
+ * Регулярное выражение для проверки url на валидность
9
9
  */
10
- regexp?: RegExp;
10
+ regexp?: RegExp | string;
11
11
  message?: {
12
12
  min?: string;
13
13
  invalid?: string;
package/dist/ui.js CHANGED
@@ -1,9 +1,9 @@
1
- import { j as o, c as B, R as z, B as F, u as M, f as V, g as L, h as G, i as v, k as N, l as H, m as K, n as g, o as O, A as $, H as k, I as w, p as q, q as y, D as U, r as W, s as Y } from "./index-CA6dELVX.js";
2
- import { d as It, t as At, e as Ct, C as St, v as _t, K as Rt, L as Dt, N as Pt, P as Et, a as Bt, S as zt, w as Ft, U as Mt, b as Vt } from "./index-CA6dELVX.js";
1
+ import { j as o, c as B, R as z, B as V, u as F, f as M, g as L, h as O, i as v, k as N, l as G, m as H, n as g, o as K, A as $, H as k, I as w, p as q, q as y, D as U, V as W, O as Y } from "./index-PVEZwXww.js";
2
+ import { d as It, r as At, e as Ct, C as St, s as _t, K as Rt, L as Pt, N as Dt, P as Et, a as Bt, S as zt, t as Vt, U as Ft, b as Mt } from "./index-PVEZwXww.js";
3
3
  import * as x from "react";
4
4
  import { forwardRef as J, useEffect as Q } from "react";
5
5
  import { c as d } from "./typeGuards-yOWv7RXH.js";
6
- import { D as Gt, d as Ht, f as Kt, b as Ot, a as $t } from "./utils-SIizw_5C.js";
6
+ import { D as Ot, d as Gt, f as Ht, b as Kt, a as $t } from "./utils-SIizw_5C.js";
7
7
  import { createPortal as X } from "react-dom";
8
8
  const Z = B(
9
9
  "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
@@ -37,7 +37,7 @@ const Z = B(
37
37
  ),
38
38
  children: [
39
39
  i,
40
- /* @__PURE__ */ o.jsx(F, { size: "lg", className: d("m-auto w-full", e == null ? void 0 : e.button), ...a, children: "Оформить заявку" })
40
+ /* @__PURE__ */ o.jsx(V, { size: "lg", className: d("m-auto w-full", e == null ? void 0 : e.button), ...a, children: "Оформить заявку" })
41
41
  ]
42
42
  }
43
43
  ), vt = ({ topContent: r, bottomContent: e, progress: i, maxPercent: a = 100, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: d("flex w-full flex-col", t == null ? void 0 : t.root), children: [
@@ -76,7 +76,7 @@ var s = "Tabs", [tt, gt] = L(s, [
76
76
  dir: u,
77
77
  activationMode: b = "automatic",
78
78
  ...m
79
- } = r, c = M(u), [p, f] = V({
79
+ } = r, c = F(u), [p, f] = M({
80
80
  prop: a,
81
81
  onChange: t,
82
82
  defaultProp: l
@@ -85,7 +85,7 @@ var s = "Tabs", [tt, gt] = L(s, [
85
85
  rt,
86
86
  {
87
87
  scope: i,
88
- baseId: G(),
88
+ baseId: O(),
89
89
  value: p,
90
90
  onValueChange: f,
91
91
  orientation: n,
@@ -109,7 +109,7 @@ var A = "TabsList", C = x.forwardRef(
109
109
  (r, e) => {
110
110
  const { __scopeTabs: i, loop: a = !0, ...t } = r, l = h(A, i), n = T(i);
111
111
  return /* @__PURE__ */ o.jsx(
112
- H,
112
+ G,
113
113
  {
114
114
  asChild: !0,
115
115
  ...n,
@@ -132,9 +132,9 @@ var A = "TabsList", C = x.forwardRef(
132
132
  C.displayName = A;
133
133
  var S = "TabsTrigger", _ = x.forwardRef(
134
134
  (r, e) => {
135
- const { __scopeTabs: i, value: a, disabled: t = !1, ...l } = r, n = h(S, i), u = T(i), b = P(n.baseId, a), m = E(n.baseId, a), c = a === n.value;
135
+ const { __scopeTabs: i, value: a, disabled: t = !1, ...l } = r, n = h(S, i), u = T(i), b = D(n.baseId, a), m = E(n.baseId, a), c = a === n.value;
136
136
  return /* @__PURE__ */ o.jsx(
137
- K,
137
+ H,
138
138
  {
139
139
  asChild: !0,
140
140
  ...u,
@@ -170,13 +170,13 @@ var S = "TabsTrigger", _ = x.forwardRef(
170
170
  }
171
171
  );
172
172
  _.displayName = S;
173
- var R = "TabsContent", D = x.forwardRef(
173
+ var R = "TabsContent", P = x.forwardRef(
174
174
  (r, e) => {
175
- const { __scopeTabs: i, value: a, forceMount: t, children: l, ...n } = r, u = h(R, i), b = P(u.baseId, a), m = E(u.baseId, a), c = a === u.value, p = x.useRef(c);
175
+ const { __scopeTabs: i, value: a, forceMount: t, children: l, ...n } = r, u = h(R, i), b = D(u.baseId, a), m = E(u.baseId, a), c = a === u.value, p = x.useRef(c);
176
176
  return x.useEffect(() => {
177
177
  const f = requestAnimationFrame(() => p.current = !1);
178
178
  return () => cancelAnimationFrame(f);
179
- }, []), /* @__PURE__ */ o.jsx(O, { present: t || c, children: ({ present: f }) => /* @__PURE__ */ o.jsx(
179
+ }, []), /* @__PURE__ */ o.jsx(K, { present: t || c, children: ({ present: f }) => /* @__PURE__ */ o.jsx(
180
180
  v.div,
181
181
  {
182
182
  "data-state": c ? "active" : "inactive",
@@ -197,14 +197,14 @@ var R = "TabsContent", D = x.forwardRef(
197
197
  ) });
198
198
  }
199
199
  );
200
- D.displayName = R;
201
- function P(r, e) {
200
+ P.displayName = R;
201
+ function D(r, e) {
202
202
  return `${r}-trigger-${e}`;
203
203
  }
204
204
  function E(r, e) {
205
205
  return `${r}-content-${e}`;
206
206
  }
207
- var et = I, ot = C, at = _, j = D;
207
+ var et = I, ot = C, at = _, j = P;
208
208
  const it = ({ classes: r, contents: e }) => /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.contentsWrapper), children: e == null ? void 0 : e.map(({ id: i, body: a, accordion: t }) => t && (t != null && t.title) ? /* @__PURE__ */ o.jsx(j, { value: i, className: d("py-8", r == null ? void 0 : r.content), children: /* @__PURE__ */ o.jsx($, { label: t == null ? void 0 : t.title, children: a }) }, i) : /* @__PURE__ */ o.jsx(j, { value: i, className: d("py-8", r == null ? void 0 : r.content), children: a }, i)) }), st = ({ renderContent: r, defaultActiveTabId: e = "1", value: i, onChangeTab: a, classes: t }) => {
209
209
  var l;
210
210
  return /* @__PURE__ */ o.jsxs(
@@ -342,20 +342,20 @@ export {
342
342
  $ as Accordion,
343
343
  It as Badge,
344
344
  jt as Breadcrumbs,
345
- F as Button,
345
+ V as Button,
346
346
  bt as ButtonIcon,
347
347
  At as Calendar,
348
348
  Ct as Controlled,
349
349
  St as CustomLink,
350
- Gt as DATE_VISIBLE_PATTERN,
350
+ Ot as DATE_VISIBLE_PATTERN,
351
351
  xt as FloatButton,
352
352
  k as Heading,
353
353
  _t as Hint,
354
354
  w as Icon,
355
355
  Rt as KeyboardShortcuts,
356
- Dt as Loader,
356
+ Pt as Loader,
357
357
  ht as Modal,
358
- Pt as Notification,
358
+ Dt as Notification,
359
359
  yt as NotificationProvider,
360
360
  Et as PhoneView,
361
361
  Bt as Popover,
@@ -363,13 +363,13 @@ export {
363
363
  z as ResponsiveContainer,
364
364
  zt as Section,
365
365
  ft as Skeleton,
366
- Ft as Slot,
366
+ Vt as Slot,
367
367
  st as TabsSwitcher,
368
- Mt as Uncontrolled,
369
- Vt as brandLogos,
370
- Ht as defaultClassNames,
371
- Kt as formatDateToLocaleString,
372
- Ot as formatDateToMonthString,
368
+ Ft as Uncontrolled,
369
+ Mt as brandLogos,
370
+ Gt as defaultClassNames,
371
+ Ht as formatDateToLocaleString,
372
+ Kt as formatDateToMonthString,
373
373
  $t as formatDateToYearString,
374
374
  Nt as isSingleOption
375
375
  };