@easyops-cn/a2ui-react 0.0.0 → 0.0.2

package/dist/a2ui-react91.js

@@ -0,0 +1,176 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as e } from "./a2ui-react34.js";
+import { buttonVariants as f, Button as b } from "./a2ui-react86.js";
+import { getDefaultClassNames as p } from "./a2ui-react108.js";
+import { DayPicker as h } from "./a2ui-react109.js";
+import w from "./a2ui-react110.js";
+import _ from "./a2ui-react111.js";
+import y from "./a2ui-react112.js";
+function B({
+  className: c,
+  classNames: i,
+  showOutsideDays: r = !0,
+  captionLayout: l = "label",
+  buttonVariant: s = "ghost",
+  formatters: u,
+  components: x,
+  ...g
+}) {
+  const t = p();
+  return /* @__PURE__ */ n(
+    h,
+    {
+      showOutsideDays: r,
+      className: e(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        c
+      ),
+      captionLayout: l,
+      formatters: {
+        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
+        ...u
+      },
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e(
+          "flex gap-4 flex-col md:flex-row relative",
+          t.months
+        ),
+        month: e("flex flex-col w-full gap-4", t.month),
+        nav: e(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          t.nav
+        ),
+        button_previous: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_next
+        ),
+        month_caption: e(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute bg-popover inset-0 opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "select-none font-medium",
+          l === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          t.weekday
+        ),
+        week: e("flex w-full mt-2", t.week),
+        week_number_header: e(
+          "select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "text-[0.8rem] select-none text-muted-foreground",
+          t.week_number
+        ),
+        day: e(
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          g.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          t.day
+        ),
+        range_start: e(
+          "rounded-l-md bg-accent",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e("rounded-r-md bg-accent", t.range_end),
+        today: e(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          t.today
+        ),
+        outside: e(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          t.outside
+        ),
+        disabled: e(
+          "text-muted-foreground opacity-50",
+          t.disabled
+        ),
+        hidden: e("invisible", t.hidden),
+        ...i
+      },
+      components: {
+        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: d,
+            className: e(a),
+            ...o
+          }
+        ),
+        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(w, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+          _,
+          {
+            className: e("size-4", a),
+            ...o
+          }
+        ) : /* @__PURE__ */ n(y, { className: e("size-4", a), ...o }),
+        DayButton: v,
+        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        ...x
+      },
+      ...g
+    }
+  );
+}
+function v({
+  className: c,
+  day: i,
+  modifiers: r,
+  ...l
+}) {
+  const s = p(), u = m.useRef(null);
+  return m.useEffect(() => {
+    r.focused && u.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ n(
+    b,
+    {
+      ref: u,
+      variant: "ghost",
+      size: "icon",
+      "data-day": i.date.toLocaleDateString(),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: e(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        s.day,
+        c
+      ),
+      ...l
+    }
+  );
+}
+export {
+  B as Calendar,
+  v as CalendarDayButton
+};

package/dist/a2ui-react92.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Root as n, Trigger as d, Portal as i, Content as s } from "./a2ui-react113.js";
+import { cn as p } from "./a2ui-react34.js";
+function c({
+  ...o
+}) {
+  return /* @__PURE__ */ t(n, { "data-slot": "popover", ...o });
+}
+function g({
+  ...o
+}) {
+  return /* @__PURE__ */ t(d, { "data-slot": "popover-trigger", ...o });
+}
+function u({
+  className: o,
+  align: e = "center",
+  sideOffset: r = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+    s,
+    {
+      "data-slot": "popover-content",
+      align: e,
+      sideOffset: r,
+      className: p(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...a
+    }
+  ) });
+}
+export {
+  c as Popover,
+  u as PopoverContent,
+  g as PopoverTrigger
+};

package/dist/a2ui-react93.js

@@ -0,0 +1,88 @@
+import { longFormatters as y } from "./a2ui-react137.js";
+import { isProtectedWeekYearToken as b, warnOrThrowProtectedError as d, isProtectedDayOfYearToken as C } from "./a2ui-react138.js";
+import { constructFrom as D } from "./a2ui-react117.js";
+import { getDefaultOptions as F } from "./a2ui-react143.js";
+import { toDate as E } from "./a2ui-react118.js";
+import { DateTimezoneSetter as $ } from "./a2ui-react163.js";
+import { parsers as A } from "./a2ui-react164.js";
+import { enUS as W } from "./a2ui-react139.js";
+const N = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, L = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Y = /^'([^]*?)'?$/, j = /''/g, q = /\S/, v = /[a-zA-Z]/;
+function G(n, a, c, f) {
+  const r = () => D(c, NaN), i = F(), l = i.locale ?? W, O = i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, R = i.weekStartsOn ?? i.locale?.options?.weekStartsOn ?? 0;
+  if (!a)
+    return n ? r() : E(c, f?.in);
+  const m = {
+    firstWeekContainsDate: O,
+    weekStartsOn: R,
+    locale: l
+  }, p = [new $(f?.in, c)], x = a.match(L).map((t) => {
+    const e = t[0];
+    if (e in y) {
+      const o = y[e];
+      return o(t, l.formatLong);
+    }
+    return t;
+  }).join("").match(N), u = [];
+  for (let t of x) {
+    b(t) && d(t, a, n), C(t) && d(t, a, n);
+    const e = t[0], o = A[e];
+    if (o) {
+      const { incompatibleTokens: k } = o;
+      if (Array.isArray(k)) {
+        const w = u.find(
+          (T) => k.includes(T.token) || T.token === e
+        );
+        if (w)
+          throw new RangeError(
+            `The format string mustn't contain \`${w.fullToken}\` and \`${t}\` at the same time`
+          );
+      } else if (o.incompatibleTokens === "*" && u.length > 0)
+        throw new RangeError(
+          `The format string mustn't contain \`${t}\` and any other token at the same time`
+        );
+      u.push({ token: e, fullToken: t });
+      const g = o.run(
+        n,
+        t,
+        l.match,
+        m
+      );
+      if (!g)
+        return r();
+      p.push(g.setter), n = g.rest;
+    } else {
+      if (e.match(v))
+        throw new RangeError(
+          "Format string contains an unescaped latin alphabet character `" + e + "`"
+        );
+      if (t === "''" ? t = "'" : e === "'" && (t = z(t)), n.indexOf(t) === 0)
+        n = n.slice(t.length);
+      else
+        return r();
+    }
+  }
+  if (n.length > 0 && q.test(n))
+    return r();
+  const P = p.map((t) => t.priority).sort((t, e) => e - t).filter((t, e, o) => o.indexOf(t) === e).map(
+    (t) => p.filter((e) => e.priority === t).sort((e, o) => o.subPriority - e.subPriority)
+  ).map((t) => t[0]);
+  let s = E(c, f?.in);
+  if (isNaN(+s)) return r();
+  const h = {};
+  for (const t of P) {
+    if (!t.validate(s, m))
+      return r();
+    const e = t.set(s, h, m);
+    Array.isArray(e) ? (s = e[0], Object.assign(h, e[1])) : s = e;
+  }
+  return s;
+}
+function z(n) {
+  return n.match(Y)[1].replace(j, "'");
+}
+export {
+  G as default,
+  y as longFormatters,
+  G as parse,
+  A as parsers
+};

package/dist/a2ui-react94.js

@@ -0,0 +1,9 @@
+import { isDate as r } from "./a2ui-react157.js";
+import { toDate as t } from "./a2ui-react118.js";
+function f(o) {
+  return !(!r(o) && typeof o != "number" || isNaN(+t(o)));
+}
+export {
+  f as default,
+  f as isValid
+};

package/dist/a2ui-react95.js

@@ -0,0 +1,58 @@
+import { getDefaultOptions as u } from "./a2ui-react134.js";
+import { formatters as f } from "./a2ui-react136.js";
+import { longFormatters as d } from "./a2ui-react137.js";
+import { isProtectedWeekYearToken as g, isProtectedDayOfYearToken as h, warnOrThrowProtectedError as w } from "./a2ui-react138.js";
+import { isValid as D } from "./a2ui-react94.js";
+import { toDate as T } from "./a2ui-react118.js";
+import { enUS as O } from "./a2ui-react139.js";
+const E = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, v = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, C = /^'([^]*?)'?$/, S = /''/g, R = /[a-zA-Z]/;
+function L(o, a, r) {
+  const n = u(), i = r?.locale ?? n.locale ?? O, m = r?.firstWeekContainsDate ?? r?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, p = r?.weekStartsOn ?? r?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, s = T(o, r?.in);
+  if (!D(s))
+    throw new RangeError("Invalid time value");
+  let c = a.match(v).map((t) => {
+    const e = t[0];
+    if (e === "p" || e === "P") {
+      const l = d[e];
+      return l(t, i.formatLong);
+    }
+    return t;
+  }).join("").match(E).map((t) => {
+    if (t === "''")
+      return { isToken: !1, value: "'" };
+    const e = t[0];
+    if (e === "'")
+      return { isToken: !1, value: W(t) };
+    if (f[e])
+      return { isToken: !0, value: t };
+    if (e.match(R))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + e + "`"
+      );
+    return { isToken: !1, value: t };
+  });
+  i.localize.preprocessor && (c = i.localize.preprocessor(s, c));
+  const k = {
+    firstWeekContainsDate: m,
+    weekStartsOn: p,
+    locale: i
+  };
+  return c.map((t) => {
+    if (!t.isToken) return t.value;
+    const e = t.value;
+    (!r?.useAdditionalWeekYearTokens && g(e) || !r?.useAdditionalDayOfYearTokens && h(e)) && w(e, a, String(o));
+    const l = f[e[0]];
+    return l(s, e, i.localize, k);
+  }).join("");
+}
+function W(o) {
+  const a = o.match(C);
+  return a ? a[1].replace(S, "'") : o;
+}
+export {
+  L as default,
+  L as format,
+  L as formatDate,
+  f as formatters,
+  d as longFormatters
+};

package/dist/a2ui-react96.js

@@ -0,0 +1,146 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Root as d, Trigger as c, Icon as u, Value as m, Portal as p, Content as f, Viewport as g, Item as v, ItemIndicator as h, ItemText as x, ScrollUpButton as b, ScrollDownButton as w } from "./a2ui-react114.js";
+import { cn as r } from "./a2ui-react34.js";
+import i from "./a2ui-react112.js";
+import y from "./a2ui-react74.js";
+import z from "./a2ui-react115.js";
+function D({
+  ...t
+}) {
+  return /* @__PURE__ */ e(d, { "data-slot": "select", ...t });
+}
+function T({
+  ...t
+}) {
+  return /* @__PURE__ */ e(m, { "data-slot": "select-value", ...t });
+}
+function U({
+  className: t,
+  size: a = "default",
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    c,
+    {
+      "data-slot": "select-trigger",
+      "data-size": a,
+      className: r(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...o,
+      children: [
+        s,
+        /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e(i, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function V({
+  className: t,
+  children: a,
+  position: s = "item-aligned",
+  align: o = "center",
+  ...l
+}) {
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(
+    f,
+    {
+      "data-slot": "select-content",
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: s,
+      align: o,
+      ...l,
+      children: [
+        /* @__PURE__ */ e(N, {}),
+        /* @__PURE__ */ e(
+          g,
+          {
+            className: r(
+              "p-1",
+              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e(S, {})
+      ]
+    }
+  ) });
+}
+function R({
+  className: t,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    v,
+    {
+      "data-slot": "select-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        t
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(y, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ e(x, { children: a })
+      ]
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    b,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e(z, { className: "size-4" })
+    }
+  );
+}
+function S({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    w,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e(i, { className: "size-4" })
+    }
+  );
+}
+export {
+  D as Select,
+  V as SelectContent,
+  R as SelectItem,
+  S as SelectScrollDownButton,
+  N as SelectScrollUpButton,
+  U as SelectTrigger,
+  T as SelectValue
+};

package/dist/a2ui-react97.js

@@ -0,0 +1,63 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import * as h from "react";
+import { Root as m, Track as f, Range as b, Thumb as u } from "./a2ui-react107.js";
+import { cn as e } from "./a2ui-react34.js";
+function y({
+  className: n,
+  defaultValue: t,
+  value: r,
+  min: a = 0,
+  max: o = 100,
+  ...l
+}) {
+  const s = h.useMemo(
+    () => Array.isArray(r) ? r : Array.isArray(t) ? t : [a, o],
+    [r, t, a, o]
+  );
+  return /* @__PURE__ */ c(
+    m,
+    {
+      "data-slot": "slider",
+      defaultValue: t,
+      value: r,
+      min: a,
+      max: o,
+      className: e(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        n
+      ),
+      ...l,
+      children: [
+        /* @__PURE__ */ i(
+          f,
+          {
+            "data-slot": "slider-track",
+            className: e(
+              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+            ),
+            children: /* @__PURE__ */ i(
+              b,
+              {
+                "data-slot": "slider-range",
+                className: e(
+                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                )
+              }
+            )
+          }
+        ),
+        Array.from({ length: s.length }, (g, d) => /* @__PURE__ */ i(
+          u,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          d
+        ))
+      ]
+    }
+  );
+}
+export {
+  y as Slider
+};

package/dist/a2ui-react98.js

@@ -0,0 +1,17 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};