@arthurzakharov/ui-kit 3.4.0 → 3.6.0

package/dist/assets/dropzone-CxglLL5C.css

@@ -0,0 +1 @@
+._Dropzone_e3zu0_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);width:100%;min-height:160px;padding:var(--rm-ui-padding-md);border:2px dashed var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-md, 8px);background-color:var(--rm-ui-grey-50);text-align:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}._Dropzone_e3zu0_1:hover,._Active_e3zu0_21{border-color:var(--rm-ui-color-theme-primary);background-color:var(--rm-ui-color-background-primary, #fff)}._Dropzone_e3zu0_1:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:2px}._Disabled_e3zu0_31{cursor:not-allowed;opacity:.5}._HiddenInput_e3zu0_36{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._Title_e3zu0_48{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Icon_e3zu0_54{color:var(--rm-ui-color-theme-primary)}._Invitation_e3zu0_58{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._HelpText_e3zu0_64{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}

package/dist/components/dropzone/dropzone.component.d.ts

@@ -6,9 +6,10 @@ export interface DropzoneProps extends Base {
     multiple?: boolean;
     maxSize?: number;
     disabled?: boolean;
+    title?: ReactNode;
     invitation: ReactNode;
     helpText?: ReactNode;
     onDrop: (files: File[]) => void;
     onReject?: (files: File[], reason: DropzoneRejectionReason) => void;
 }
-export declare const Dropzone: ({ accept, multiple, maxSize, disabled, invitation, helpText, onDrop, onReject, ...base }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropzone: ({ accept, multiple, maxSize, disabled, title, invitation, helpText, onDrop, onReject, ...base }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropzone/dropzone.component.js

@@ -1,107 +1,110 @@
-import { jsxs as C, jsx as p } from "react/jsx-runtime";
-import { useRef as N, useState as T } from "react";
-import { Upload as L } from "lucide-react";
-import { baseProps as I, clsx as P } from "../../utils/functions/functions.util.js";
-import '../../assets/dropzone-iRe6v-43.css';const W = "_Dropzone_14jbn_1", k = "_Active_14jbn_21", E = "_Disabled_14jbn_31", K = "_HiddenInput_14jbn_36", O = "_Icon_14jbn_48", $ = "_Invitation_14jbn_52", B = "_HelpText_14jbn_58", o = {
-  Dropzone: W,
-  Active: k,
-  Disabled: E,
-  HiddenInput: K,
-  Icon: O,
-  Invitation: $,
-  HelpText: B
-}, F = (r, u) => {
-  const s = u.split(",").map((n) => n.trim()).filter(Boolean);
-  return s.length === 0 ? !0 : s.some((n) => {
-    if (n.startsWith("."))
-      return r.name.toLowerCase().endsWith(n.toLowerCase());
-    if (n.endsWith("/*")) {
-      const f = n.slice(0, -1);
-      return r.type.startsWith(f);
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
+import { useRef as P, useState as W } from "react";
+import { Upload as k } from "lucide-react";
+import { baseProps as I, clsx as E } from "../../utils/functions/functions.util.js";
+import '../../assets/dropzone-CxglLL5C.css';const K = "_Dropzone_e3zu0_1", O = "_Active_e3zu0_21", $ = "_Disabled_e3zu0_31", b = "_HiddenInput_e3zu0_36", B = "_Title_e3zu0_48", F = "_Icon_e3zu0_54", U = "_Invitation_e3zu0_58", q = "_HelpText_e3zu0_64", o = {
+  Dropzone: K,
+  Active: O,
+  Disabled: $,
+  HiddenInput: b,
+  Title: B,
+  Icon: F,
+  Invitation: U,
+  HelpText: q
+}, G = (r, d) => {
+  const s = d.split(",").map((e) => e.trim()).filter(Boolean);
+  return s.length === 0 ? !0 : s.some((e) => {
+    if (e.startsWith("."))
+      return r.name.toLowerCase().endsWith(e.toLowerCase());
+    if (e.endsWith("/*")) {
+      const a = e.slice(0, -1);
+      return r.type.startsWith(a);
     }
-    return r.type === n;
+    return r.type === e;
   });
-}, M = ({
+}, V = ({
   accept: r,
-  multiple: u = !1,
+  multiple: d = !1,
   maxSize: s,
-  disabled: n = !1,
-  invitation: f,
-  helpText: d,
+  disabled: e = !1,
+  title: a,
+  invitation: z,
+  helpText: f,
   onDrop: y,
-  onReject: c,
-  ...D
+  onReject: p,
+  ...g
 }) => {
-  const h = N(null), [b, g] = T(!1), _ = I(D, "data-testid", "dropzone"), x = (t) => {
-    const l = [], a = [], i = [];
-    for (const e of t) {
-      if (!F(e, r)) {
-        i.push(e);
+  const h = P(null), [T, _] = W(!1), D = I(g, "data-testid", "dropzone"), x = (t) => {
+    const u = [], i = [], c = [];
+    for (const n of t) {
+      if (!G(n, r)) {
+        c.push(n);
         continue;
       }
-      if (s !== void 0 && e.size > s) {
-        a.push(e);
+      if (s !== void 0 && n.size > s) {
+        i.push(n);
         continue;
       }
-      l.push(e);
+      u.push(n);
     }
-    return { accepted: l, tooLarge: a, wrongType: i };
+    return { accepted: u, tooLarge: i, wrongType: c };
   }, m = (t) => {
     if (!t || t.length === 0) return;
-    const l = Array.from(t), { accepted: a, tooLarge: i, wrongType: e } = x(l);
-    a.length > 0 && y(a), i.length > 0 && c && c(i, "tooLarge"), e.length > 0 && c && c(e, "wrongType");
+    const u = Array.from(t), { accepted: i, tooLarge: c, wrongType: n } = x(u);
+    i.length > 0 && y(i), c.length > 0 && p && p(c, "tooLarge"), n.length > 0 && p && p(n, "wrongType");
   }, A = () => {
-    n || h.current?.click();
+    e || h.current?.click();
   }, H = (t) => {
-    n || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h.current?.click());
+    e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h.current?.click());
   }, w = (t) => {
     m(t.target.files), t.target.value = "";
   }, v = (t) => {
-    t.preventDefault(), t.stopPropagation(), !n && g(!0);
-  }, z = (t) => {
-    t.preventDefault(), t.stopPropagation(), g(!1);
-  }, j = (t) => {
-    t.preventDefault(), t.stopPropagation(), g(!1), !n && m(t.dataTransfer.files);
+    t.preventDefault(), t.stopPropagation(), !e && _(!0);
+  }, N = (t) => {
+    t.preventDefault(), t.stopPropagation(), _(!1);
+  }, C = (t) => {
+    t.preventDefault(), t.stopPropagation(), _(!1), !e && m(t.dataTransfer.files);
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ L(
     "div",
     {
-      "data-testid": _,
-      className: P(o.Dropzone, I(D, "className"), {
-        [o.Active]: b,
-        [o.Disabled]: n
+      "data-testid": D,
+      className: E(o.Dropzone, I(g, "className"), {
+        [o.Active]: T,
+        [o.Disabled]: e
       }),
       role: "button",
-      tabIndex: n ? -1 : 0,
-      "aria-disabled": n,
+      tabIndex: e ? -1 : 0,
+      "aria-disabled": e,
       onClick: A,
       onKeyDown: H,
       onDragOver: v,
       onDragEnter: v,
-      onDragLeave: z,
-      onDrop: j,
+      onDragLeave: N,
+      onDrop: C,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "input",
           {
             ref: h,
             type: "file",
             className: o.HiddenInput,
             accept: r,
-            multiple: u,
-            disabled: n,
+            multiple: d,
+            disabled: e,
             onChange: w,
-            "data-testid": `${_}-input`,
+            "data-testid": `${D}-input`,
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ p(L, { size: 32, className: o.Icon, "aria-hidden": !0 }),
-        /* @__PURE__ */ p("div", { className: o.Invitation, children: f }),
-        d != null && /* @__PURE__ */ p("div", { className: o.HelpText, children: d })
+        a != null && /* @__PURE__ */ l("div", { className: o.Title, children: a }),
+        /* @__PURE__ */ l(k, { size: 32, className: o.Icon, "aria-hidden": !0 }),
+        /* @__PURE__ */ l("div", { className: o.Invitation, children: z }),
+        f != null && /* @__PURE__ */ l("div", { className: o.HelpText, children: f })
       ]
     }
   );
 };
 export {
-  M as Dropzone
+  V as Dropzone
 };

package/dist/components/main-attachment/main-attachment.component.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export interface MainAttachmentProps extends PropsWithChildren {
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
 }
 export declare const MainAttachment: (props: MainAttachmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/main-attachment/main-attachment.component.js

@@ -1,25 +1,33 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { clsx as h } from "../../utils/functions/functions.util.js";
-import { FadeScale as o } from "../../animations/fade-scale/fade-scale.component.js";
-import { Text as i } from "../text/text.component.js";
-import '../../assets/main-attachment-Cw8AP6xv.css';const r = "_MainAttachment_1oa7f_1", s = "_MainAttachmentTitle_1oa7f_5", A = "_MainAttachmentTitleWithSubtitle_1oa7f_9", M = "_MainAttachmentSubtitle_1oa7f_13", t = {
-  MainAttachment: r,
-  MainAttachmentTitle: s,
-  MainAttachmentTitleWithSubtitle: A,
-  MainAttachmentSubtitle: M
-}, d = (c) => {
-  const { children: l, title: n = "", subtitle: e = "" } = c;
-  return /* @__PURE__ */ m("div", { className: t.MainAttachment, children: [
-    n ? /* @__PURE__ */ a(
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { clsx as s } from "../../utils/functions/functions.util.js";
+import { isValidElement as o, cloneElement as u } from "react";
+import { FadeScale as A } from "../../animations/fade-scale/fade-scale.component.js";
+import { Text as M } from "../text/text.component.js";
+import '../../assets/main-attachment-Cw8AP6xv.css';const f = "_MainAttachment_1oa7f_1", p = "_MainAttachmentTitle_1oa7f_5", b = "_MainAttachmentTitleWithSubtitle_1oa7f_9", _ = "_MainAttachmentSubtitle_1oa7f_13", a = {
+  MainAttachment: f,
+  MainAttachmentTitle: p,
+  MainAttachmentTitleWithSubtitle: b,
+  MainAttachmentSubtitle: _
+}, c = (t) => t == null || t === "" || t === !1, m = (t, n, i) => {
+  if (typeof t == "string" || typeof t == "number")
+    return /* @__PURE__ */ r(M, { preset: i, className: n, children: t });
+  if (o(t)) {
+    const e = t;
+    return u(e, {
+      className: s(e.props.className, n)
+    });
+  }
+  return t;
+}, d = (t) => {
+  const { children: n, title: i, subtitle: e } = t, l = !c(e);
+  return /* @__PURE__ */ h("div", { className: a.MainAttachment, children: [
+    c(i) ? null : m(
       i,
-      {
-        preset: "page-title",
-        className: h(t.MainAttachmentTitle, { [t.MainAttachmentTitleWithSubtitle]: !!e }),
-        children: n
-      }
-    ) : null,
-    e ? /* @__PURE__ */ a(i, { preset: "page-subtitle", className: t.MainAttachmentSubtitle, children: e }) : null,
-    /* @__PURE__ */ a(o, { name: "attachment-main", condition: !0, animateOnStart: !0, duration: 0.2, delay: 0.1, children: l })
+      s(a.MainAttachmentTitle, { [a.MainAttachmentTitleWithSubtitle]: l }),
+      "page-title"
+    ),
+    l ? m(e, a.MainAttachmentSubtitle, "page-subtitle") : null,
+    /* @__PURE__ */ r(A, { name: "attachment-main", condition: !0, animateOnStart: !0, duration: 0.2, delay: 0.1, children: n })
   ] });
 };
 export {

package/dist/components/sidebar/sidebar.component.d.ts

@@ -1,11 +1,11 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { CertificationsProps } from '../certifications';
 import { UserPanelProps } from '../user-panel';
 import { State } from '../../controls/utils';
 import { Base } from '../../utils/types';
 type SidebarStep = {
     state: State;
-    text: string;
+    text: ReactNode;
 };
 type SidebarInfoRow = [string, string];
 interface SidebarStepsProps extends Base {

package/dist/components/sidebar/sidebar.component.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { clsx as l, baseProps as d, parseSpacingValue as m } from "../../utils/functions/functions.util.js";
+import { clsx as l, baseProps as s, parseSpacingValue as m } from "../../utils/functions/functions.util.js";
 import { FadeScale as p } from "../../animations/fade-scale/fade-scale.component.js";
 import { Certifications as S } from "../certifications/certifications.component.js";
 import { Line as _ } from "../line/line.component.js";
@@ -10,7 +10,7 @@ import "../../utils/content/content.component.js";
 import "lucide-react";
 import "usehooks-ts";
 import { Status as u } from "../../controls/primitives/status/status.component.js";
-import '../../assets/sidebar-C-EyF8q9.css';const N = "_Sidebar_bino6_1", h = "_Board_bino6_5", v = "_Steps_bino6_13", g = "_Info_bino6_14", I = "_Step_bino6_13", y = "_InfoRow_bino6_27", T = "_SidebarButton_bino6_35", B = "_Timetable_bino6_42", w = "_Space_bino6_48", o = {
+import '../../assets/sidebar-C-EyF8q9.css';const N = "_Sidebar_bino6_1", h = "_Board_bino6_5", v = "_Steps_bino6_13", g = "_Info_bino6_14", I = "_Step_bino6_13", y = "_InfoRow_bino6_27", T = "_SidebarButton_bino6_35", B = "_Timetable_bino6_42", x = "_Space_bino6_48", n = {
   Sidebar: N,
   Board: h,
   Steps: v,
@@ -19,85 +19,85 @@ import '../../assets/sidebar-C-EyF8q9.css';const N = "_Sidebar_bino6_1", h = "_B
   InfoRow: y,
   SidebarButton: T,
   Timetable: B,
-  Space: w
-}, x = ({ children: a, ...t }) => /* @__PURE__ */ e(
+  Space: x
+}, w = ({ children: a, ...t }) => /* @__PURE__ */ e(
   "div",
   {
-    "data-testid": d(t, "data-testid", "sidebar"),
-    className: l(o.Sidebar, d(t, "className")),
-    children: /* @__PURE__ */ e("div", { className: o.Board, children: a })
+    "data-testid": s(t, "data-testid", "sidebar"),
+    className: l(n.Sidebar, s(t, "className")),
+    children: /* @__PURE__ */ e("div", { className: n.Board, children: a })
   }
 ), $ = ({ children: a, ...t }) => /* @__PURE__ */ e(
   c,
   {
     preset: "sidebar-title",
-    "data-testid": d(t, "data-testid", "sidebar-title"),
-    className: d(t, "className"),
+    "data-testid": s(t, "data-testid", "sidebar-title"),
+    className: s(t, "className"),
     children: a
   }
 ), z = ({ steps: a, ...t }) => /* @__PURE__ */ e(
   "div",
   {
-    "data-testid": d(t, "data-testid", "sidebar-steps"),
-    className: l(o.Steps, d(t, "className")),
-    children: a.map(({ state: i, text: s }) => /* @__PURE__ */ b("div", { className: o.Step, "data-testid": "sidebar-step", children: [
+    "data-testid": s(t, "data-testid", "sidebar-steps"),
+    className: l(n.Steps, s(t, "className")),
+    children: a.map(({ state: i, text: d }, r) => /* @__PURE__ */ b("div", { className: n.Step, "data-testid": "sidebar-step", children: [
       /* @__PURE__ */ e(u, { state: i }),
-      /* @__PURE__ */ e(c, { tag: "span", weight: "medium", size: "body-small", color: i === "idle" ? "grey-400" : "text-primary", children: s })
-    ] }, s))
+      /* @__PURE__ */ e(c, { tag: "span", weight: "medium", size: "body-small", color: i === "idle" ? "grey-400" : "text-primary", children: d })
+    ] }, r))
   }
 ), R = ({ rows: a, ...t }) => {
-  const i = a.filter(([, s]) => s.trim() !== "");
+  const i = a.filter(([, d]) => d.trim() !== "");
   return i.length === 0 ? null : /* @__PURE__ */ e(
     "div",
     {
-      "data-testid": d(t, "data-testid", "sidebar-info"),
-      className: l(o.Info, d(t, "className")),
-      children: i.map(([s, n], r) => /* @__PURE__ */ b("div", { className: o.InfoRow, "data-testid": "sidebar-info-row", children: [
-        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", children: s }),
-        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", align: "right", children: n })
-      ] }, `${s}-${r}`))
+      "data-testid": s(t, "data-testid", "sidebar-info"),
+      className: l(n.Info, s(t, "className")),
+      children: i.map(([d, r], o) => /* @__PURE__ */ b("div", { className: n.InfoRow, "data-testid": "sidebar-info-row", children: [
+        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", children: d }),
+        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", align: "right", children: r })
+      ] }, `${d}-${o}`))
     }
   );
-}, j = ({ isOpen: a, title: t, data: i, button: s, onClick: n, ...r }) => /* @__PURE__ */ e(
+}, j = ({ isOpen: a, title: t, data: i, button: d, onClick: r, ...o }) => /* @__PURE__ */ e(
   p,
   {
     name: "sidebar-user",
     condition: a,
-    "data-testid": d(r, "data-testid", "sidebar-user"),
-    className: d(r, "className"),
-    children: /* @__PURE__ */ e(f, { title: t, data: i, button: s, onClick: n })
+    "data-testid": s(o, "data-testid", "sidebar-user"),
+    className: s(o, "className"),
+    children: /* @__PURE__ */ e(f, { title: t, data: i, button: d, onClick: r })
   }
 ), C = ({ isVisible: a, children: t, ...i }) => /* @__PURE__ */ e(
   p,
   {
     name: "sidebar-submit",
     condition: a,
-    "data-testid": d(i, "data-testid", "sidebar-submit"),
-    className: d(i, "className"),
-    children: /* @__PURE__ */ e("div", { className: o.SidebarButton, children: t })
+    "data-testid": s(i, "data-testid", "sidebar-submit"),
+    className: s(i, "className"),
+    children: /* @__PURE__ */ e("div", { className: n.SidebarButton, children: t })
   }
 ), L = (a) => /* @__PURE__ */ e(S, { ...a }), U = ({ title: a, lines: t, ...i }) => {
-  const s = d(i, "data-testid", "sidebar-timetable");
-  return /* @__PURE__ */ b("div", { "data-testid": s, className: l(o.Timetable, d(i, "className")), children: [
-    /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", "data-testid": `${s}-title`, children: a }),
-    t.map((n, r) => /* @__PURE__ */ e(c, { tag: "span", size: "body-small", "data-testid": `${s}-line-${r}`, children: n }, r))
+  const d = s(i, "data-testid", "sidebar-timetable");
+  return /* @__PURE__ */ b("div", { "data-testid": d, className: l(n.Timetable, s(i, "className")), children: [
+    /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", "data-testid": `${d}-title`, children: a }),
+    t.map((r, o) => /* @__PURE__ */ e(c, { tag: "span", size: "body-small", "data-testid": `${d}-line-${o}`, children: r }, o))
   ] });
-}, P = () => /* @__PURE__ */ e(_, {}), F = ({ height: a, 768: t, 1024: i, 1200: s, ...n }) => {
-  const r = {
+}, P = () => /* @__PURE__ */ e(_, {}), F = ({ height: a, 768: t, 1024: i, 1200: d, ...r }) => {
+  const o = {
     "--rm-ui-sidebar-space-base": m(a),
     ...t !== void 0 ? { "--rm-ui-sidebar-space-768": m(t) } : {},
     ...i !== void 0 ? { "--rm-ui-sidebar-space-1024": m(i) } : {},
-    ...s !== void 0 ? { "--rm-ui-sidebar-space-1200": m(s) } : {}
+    ...d !== void 0 ? { "--rm-ui-sidebar-space-1200": m(d) } : {}
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      "data-testid": d(n, "data-testid", "sidebar-space"),
-      className: l(o.Space, d(n, "className")),
-      style: r
+      "data-testid": s(r, "data-testid", "sidebar-space"),
+      className: l(n.Space, s(r, "className")),
+      style: o
     }
   );
-}, W = Object.assign(x, {
+}, W = Object.assign(w, {
   Title: $,
   Steps: z,
   Info: R,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "3.4.0",
+  "version": "3.6.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/dropzone-iRe6v-43.css

@@ -1 +0,0 @@
-._Dropzone_14jbn_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);width:100%;min-height:160px;padding:var(--rm-ui-padding-md);border:2px dashed var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-md, 8px);background-color:var(--rm-ui-grey-50);text-align:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}._Dropzone_14jbn_1:hover,._Active_14jbn_21{border-color:var(--rm-ui-color-theme-primary);background-color:var(--rm-ui-color-background-primary, #fff)}._Dropzone_14jbn_1:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:2px}._Disabled_14jbn_31{cursor:not-allowed;opacity:.5}._HiddenInput_14jbn_36{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._Icon_14jbn_48{color:var(--rm-ui-color-theme-primary)}._Invitation_14jbn_52{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._HelpText_14jbn_58{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}