@conatel-sa/react-ui 0.2.3 → 0.2.4

package/dist/icons.mjs

@@ -0,0 +1,149 @@
+// src/components/Icon/Icon.tsx
+import { useContext } from "react";
+
+// src/components/Icon/IconContext.tsx
+import { createContext } from "react";
+var DEFAULT_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";
+var defaultIconContext = {
+  fontHref: DEFAULT_FONT_HREF,
+  injectStylesheet: true,
+  defaultSize: "md",
+  className: void 0
+};
+var IconContext = createContext(defaultIconContext);
+
+// src/components/Icon/size.ts
+var PRESET_PX = {
+  sm: 16,
+  md: 20,
+  lg: 24
+};
+function resolveIconSize(size, fallback) {
+  const s = size ?? fallback;
+  if (typeof s === "number") return s;
+  return PRESET_PX[s];
+}
+
+// src/components/Icon/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+function Icon({
+  name,
+  size,
+  fill = 0,
+  className = "",
+  style,
+  "aria-label": ariaLabel
+}) {
+  const ctx = useContext(IconContext);
+  const px = resolveIconSize(size, ctx.defaultSize);
+  const extra = ctx.className ? ` ${ctx.className}` : "";
+  const combined = `material-symbols-outlined${extra}${className ? ` ${className}` : ""}`.trim();
+  const fontVariation = `'FILL' ${fill}, 'wght' 400, 'GRAD' 0, 'opsz' 24`;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: combined,
+      style: {
+        fontSize: px,
+        lineHeight: 1,
+        display: "inline-block",
+        fontVariationSettings: fontVariation,
+        ...style
+      },
+      "aria-hidden": ariaLabel ? void 0 : true,
+      "aria-label": ariaLabel,
+      role: ariaLabel ? "img" : void 0,
+      children: name
+    }
+  );
+}
+
+// src/components/Icon/IconProvider.tsx
+import { useEffect, useMemo } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function mergeContext(partial) {
+  return {
+    ...defaultIconContext,
+    ...partial,
+    fontHref: partial?.fontHref ?? defaultIconContext.fontHref,
+    injectStylesheet: partial?.injectStylesheet ?? defaultIconContext.injectStylesheet,
+    defaultSize: partial?.defaultSize ?? defaultIconContext.defaultSize,
+    className: partial?.className
+  };
+}
+function IconProvider({
+  children,
+  fontHref = DEFAULT_FONT_HREF,
+  injectStylesheet = true,
+  defaultSize = "md",
+  className
+}) {
+  const value = useMemo(
+    () => mergeContext({
+      fontHref,
+      injectStylesheet,
+      defaultSize,
+      className
+    }),
+    [fontHref, injectStylesheet, defaultSize, className]
+  );
+  useEffect(() => {
+    if (!injectStylesheet || typeof document === "undefined") return;
+    const ensureLink = () => {
+      const sheets = document.querySelectorAll('link[rel="stylesheet"]');
+      const duplicate = Array.from(sheets).some(
+        (el) => (el.getAttribute("href") || "") === fontHref
+      );
+      if (duplicate) return;
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = fontHref;
+      document.head.appendChild(link);
+    };
+    ensureLink();
+    const t = window.setTimeout(ensureLink, 50);
+    return () => window.clearTimeout(t);
+  }, [fontHref, injectStylesheet]);
+  return /* @__PURE__ */ jsx2(IconContext.Provider, { value, children });
+}
+
+// src/components/Icon/LucideIcon.tsx
+import { useContext as useContext2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function LucideIcon({
+  as: Comp,
+  size,
+  className,
+  strokeWidth = 2,
+  "aria-label": ariaLabel
+}) {
+  const ctx = useContext2(IconContext);
+  const px = resolveIconSize(size, ctx.defaultSize);
+  const extra = ctx.className ? ` ${ctx.className}` : "";
+  const combined = `${className ?? ""}${extra}`.trim();
+  return /* @__PURE__ */ jsx3(
+    Comp,
+    {
+      className: combined || void 0,
+      size: px,
+      strokeWidth,
+      "aria-hidden": ariaLabel ? void 0 : true,
+      "aria-label": ariaLabel
+    }
+  );
+}
+
+// src/components/Icon/useIconContext.ts
+import { useContext as useContext3 } from "react";
+function useIconContext() {
+  return useContext3(IconContext);
+}
+export {
+  DEFAULT_FONT_HREF,
+  Icon,
+  IconContext,
+  IconProvider,
+  LucideIcon,
+  defaultIconContext,
+  useIconContext
+};

package/dist/icons.umd.js

@@ -0,0 +1,186 @@
+"use strict";
+var ReactLibraryIcons = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/icons-entry.ts
+  var icons_entry_exports = {};
+  __export(icons_entry_exports, {
+    DEFAULT_FONT_HREF: () => DEFAULT_FONT_HREF,
+    Icon: () => Icon,
+    IconContext: () => IconContext,
+    IconProvider: () => IconProvider,
+    LucideIcon: () => LucideIcon,
+    defaultIconContext: () => defaultIconContext,
+    useIconContext: () => useIconContext
+  });
+
+  // tools/react-shim.mjs
+  var R = typeof window !== "undefined" && window.React ? window.React : {};
+  var react_shim_default = R;
+  var {
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+    useRef,
+    useCallback,
+    useId,
+    createContext,
+    Fragment
+  } = R;
+
+  // src/components/Icon/IconContext.tsx
+  var DEFAULT_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";
+  var defaultIconContext = {
+    fontHref: DEFAULT_FONT_HREF,
+    injectStylesheet: true,
+    defaultSize: "md",
+    className: void 0
+  };
+  var IconContext = createContext(defaultIconContext);
+
+  // src/components/Icon/size.ts
+  var PRESET_PX = {
+    sm: 16,
+    md: 20,
+    lg: 24
+  };
+  function resolveIconSize(size, fallback) {
+    const s = size ?? fallback;
+    if (typeof s === "number") return s;
+    return PRESET_PX[s];
+  }
+
+  // tools/jsx-runtime-shim.mjs
+  function jsx(type, props, key) {
+    const p = key != null ? { ...props, key } : props;
+    return react_shim_default.createElement(type, p);
+  }
+  var Fragment2 = react_shim_default.Fragment;
+
+  // src/components/Icon/Icon.tsx
+  function Icon({
+    name,
+    size,
+    fill = 0,
+    className = "",
+    style,
+    "aria-label": ariaLabel
+  }) {
+    const ctx = useContext(IconContext);
+    const px = resolveIconSize(size, ctx.defaultSize);
+    const extra = ctx.className ? ` ${ctx.className}` : "";
+    const combined = `material-symbols-outlined${extra}${className ? ` ${className}` : ""}`.trim();
+    const fontVariation = `'FILL' ${fill}, 'wght' 400, 'GRAD' 0, 'opsz' 24`;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: combined,
+        style: {
+          fontSize: px,
+          lineHeight: 1,
+          display: "inline-block",
+          fontVariationSettings: fontVariation,
+          ...style
+        },
+        "aria-hidden": ariaLabel ? void 0 : true,
+        "aria-label": ariaLabel,
+        role: ariaLabel ? "img" : void 0,
+        children: name
+      }
+    );
+  }
+
+  // src/components/Icon/IconProvider.tsx
+  function mergeContext(partial) {
+    return {
+      ...defaultIconContext,
+      ...partial,
+      fontHref: partial?.fontHref ?? defaultIconContext.fontHref,
+      injectStylesheet: partial?.injectStylesheet ?? defaultIconContext.injectStylesheet,
+      defaultSize: partial?.defaultSize ?? defaultIconContext.defaultSize,
+      className: partial?.className
+    };
+  }
+  function IconProvider({
+    children,
+    fontHref = DEFAULT_FONT_HREF,
+    injectStylesheet = true,
+    defaultSize = "md",
+    className
+  }) {
+    const value = useMemo(
+      () => mergeContext({
+        fontHref,
+        injectStylesheet,
+        defaultSize,
+        className
+      }),
+      [fontHref, injectStylesheet, defaultSize, className]
+    );
+    useEffect(() => {
+      if (!injectStylesheet || typeof document === "undefined") return;
+      const ensureLink = () => {
+        const sheets = document.querySelectorAll('link[rel="stylesheet"]');
+        const duplicate = Array.from(sheets).some(
+          (el) => (el.getAttribute("href") || "") === fontHref
+        );
+        if (duplicate) return;
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = fontHref;
+        document.head.appendChild(link);
+      };
+      ensureLink();
+      const t = window.setTimeout(ensureLink, 50);
+      return () => window.clearTimeout(t);
+    }, [fontHref, injectStylesheet]);
+    return /* @__PURE__ */ jsx(IconContext.Provider, { value, children });
+  }
+
+  // src/components/Icon/LucideIcon.tsx
+  function LucideIcon({
+    as: Comp,
+    size,
+    className,
+    strokeWidth = 2,
+    "aria-label": ariaLabel
+  }) {
+    const ctx = useContext(IconContext);
+    const px = resolveIconSize(size, ctx.defaultSize);
+    const extra = ctx.className ? ` ${ctx.className}` : "";
+    const combined = `${className ?? ""}${extra}`.trim();
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: combined || void 0,
+        size: px,
+        strokeWidth,
+        "aria-hidden": ariaLabel ? void 0 : true,
+        "aria-label": ariaLabel
+      }
+    );
+  }
+
+  // src/components/Icon/useIconContext.ts
+  function useIconContext() {
+    return useContext(IconContext);
+  }
+  return __toCommonJS(icons_entry_exports);
+})();

package/dist/index.mjs

@@ -653,7 +653,79 @@ function eo({
     u,
     {
       className: Ne,
-      style: { colorScheme: "light", ...c },
+      style: {
+        colorScheme: "light",
+        ...(p === "conatel" ? {
+          "--font-sans": "Inter, system-ui, -apple-system, sans-serif",
+          "--color-brand": "#CC032E",
+          "--color-brand-hover": "#a30225",
+          "--color-brand-active": "#CC032E",
+          "--color-brand-light": "#fdf2f4",
+          "--color-accent": "#757578",
+          "--color-accent-hover": "#5F6062",
+          "--color-accent-light": "#f3f3f3",
+          "--color-text": "#2C2C2C",
+          "--color-text-muted": "#757578",
+          "--color-text-subtle": "#BCC0C3",
+          "--color-border": "#BCC0C3",
+          "--color-border-strong": "#5F6062",
+          "--color-border-focus": "#CC032E",
+          "--focus-ring": "0 0 0 3px rgba(204, 3, 46, 0.1)",
+          "--radius-md": "8px",
+          "--radius-lg": "12px",
+          "--shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          "--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05)",
+          "--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)",
+          "--color-bg": "#f4f6f8",
+          "--color-bg-alt": "#f8fafc",
+          "--color-surface": "#ffffff",
+          "--color-surface-raised": "#ffffff",
+          "--color-secondary-contrast": "#ffffff",
+          "--color-tertiary": "#4F4F50",
+          "--color-tertiary-hover": "#383839",
+          "--color-success": "#10b981",
+          "--color-success-light": "rgba(16, 185, 129, 0.1)",
+          "--color-warning": "#f59e0b",
+          "--color-warning-light": "rgba(245, 158, 11, 0.1)",
+          "--color-error": "#CC032E",
+          "--color-error-light": "rgba(204, 3, 46, 0.1)"
+        } : p === "vivion" ? {
+          "--font-sans": "Inter, system-ui, -apple-system, sans-serif",
+          "--color-brand": "#0098D4",
+          "--color-brand-hover": "#0098D4",
+          "--color-brand-active": "#0098D4",
+          "--color-brand-light": "#e5f5fd",
+          "--color-accent": "#757578",
+          "--color-accent-hover": "#5F6062",
+          "--color-accent-light": "#f3f3f3",
+          "--color-text": "#2C2C2C",
+          "--color-text-muted": "#757578",
+          "--color-text-subtle": "#BCC0C3",
+          "--color-border": "#BCC0C3",
+          "--color-border-strong": "#5F6062",
+          "--color-border-focus": "#0098D4",
+          "--focus-ring": "0 0 0 3px rgba(0, 152, 212, 0.12)",
+          "--radius-md": "8px",
+          "--radius-lg": "12px",
+          "--shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          "--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05)",
+          "--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)",
+          "--color-bg": "#f4f6f8",
+          "--color-bg-alt": "#f8fafc",
+          "--color-surface": "#ffffff",
+          "--color-surface-raised": "#ffffff",
+          "--color-secondary-contrast": "#ffffff",
+          "--color-tertiary": "#4F4F50",
+          "--color-tertiary-hover": "#383839",
+          "--color-success": "#10b981",
+          "--color-success-light": "rgba(16, 185, 129, 0.1)",
+          "--color-warning": "#f59e0b",
+          "--color-warning-light": "rgba(245, 158, 11, 0.1)",
+          "--color-error": "#CC032E",
+          "--color-error-light": "rgba(204, 3, 46, 0.1)"
+        } : {}),
+        ...c
+      },
       "data-theme": p,
       children: o
     },

package/dist/material-symbols.css

@@ -0,0 +1,20 @@
+/**
+ * Estilos base para Material Symbols Outlined (alineado con patrones de apps que usan
+ * la misma familia tipográfica). Importar junto con `dist/index.css` del ThemeProvider.
+ */
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined', system-ui, -apple-system, sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+  color: currentColor;
+}

package/dist/metrics.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from 'react';
+
+export type StatInlineProps = {
+  label: string;
+  value: string;
+  accentColor?: string;
+  style?: CSSProperties;
+};
+export declare function StatInline(props: StatInlineProps): JSX.Element;
+
+export type MiniMeterProps = {
+  label: string;
+  value: number;
+  valueText?: string;
+  color?: string;
+  labelWidth?: string;
+  style?: CSSProperties;
+};
+export declare function MiniMeter(props: MiniMeterProps): JSX.Element;

package/dist/metrics.mjs

@@ -0,0 +1,94 @@
+// src/components/metrics/StatInline.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function StatInline({ label, value, accentColor = "var(--color-primary, #2563eb)", style }) {
+  const border = `${accentColor}33`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        background: "var(--color-bg-tertiary, #f9fafb)",
+        border: `1px solid ${border}`,
+        borderRadius: "var(--radius-md, 8px)",
+        padding: "var(--space-2, 8px) var(--space-3, 12px)",
+        minWidth: "5rem",
+        textAlign: "center",
+        fontFamily: "var(--font-sans, system-ui)",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "1.1rem", fontWeight: 700, color: accentColor }, children: value }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "0.7rem", color: "var(--color-text-muted, #6b7280)", marginTop: "0.1rem" }, children: label })
+      ]
+    }
+  );
+}
+
+// src/components/metrics/MiniMeter.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function MiniMeter({
+  label,
+  value,
+  valueText,
+  color = "var(--color-primary, #2563eb)",
+  labelWidth = "120px",
+  style
+}) {
+  const pct = Math.max(0, Math.min(100, value));
+  const right = valueText ?? `${Math.round(pct)}%`;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `${labelWidth} 1fr 54px`,
+        gap: "var(--space-2, 8px)",
+        alignItems: "center",
+        marginBottom: "0.35rem",
+        fontFamily: "var(--font-sans, system-ui)",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx2("span", { style: { fontSize: "0.75rem", color: "var(--color-text-muted, #6b7280)", overflow: "hidden", textOverflow: "ellipsis" }, children: label }),
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            style: {
+              height: "0.75rem",
+              background: "var(--color-bg-tertiary, #f3f4f6)",
+              borderRadius: "9999px",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsx2(
+              "div",
+              {
+                style: {
+                  width: `${pct}%`,
+                  minWidth: pct > 0 ? "2px" : "0",
+                  height: "100%",
+                  background: color,
+                  borderRadius: "9999px"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "span",
+          {
+            style: {
+              fontSize: "0.75rem",
+              fontWeight: 600,
+              color: "var(--color-text, #111827)",
+              textAlign: "right"
+            },
+            children: right
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  MiniMeter,
+  StatInline
+};

package/dist/metrics.umd.js

@@ -0,0 +1,142 @@
+"use strict";
+var ReactLibraryMetrics = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/metrics-entry.ts
+  var metrics_entry_exports = {};
+  __export(metrics_entry_exports, {
+    MiniMeter: () => MiniMeter,
+    StatInline: () => StatInline
+  });
+
+  // tools/react-shim.mjs
+  var R = typeof window !== "undefined" && window.React ? window.React : {};
+  var react_shim_default = R;
+  var {
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+    useRef,
+    useCallback,
+    useId,
+    createContext,
+    Fragment
+  } = R;
+
+  // tools/jsx-runtime-shim.mjs
+  function jsx(type, props, key) {
+    const p = key != null ? { ...props, key } : props;
+    return react_shim_default.createElement(type, p);
+  }
+  function jsxs(type, props, key) {
+    return jsx(type, props, key);
+  }
+  var Fragment2 = react_shim_default.Fragment;
+
+  // src/components/metrics/StatInline.tsx
+  function StatInline({ label, value, accentColor = "var(--color-primary, #2563eb)", style }) {
+    const border = `${accentColor}33`;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          background: "var(--color-bg-tertiary, #f9fafb)",
+          border: `1px solid ${border}`,
+          borderRadius: "var(--radius-md, 8px)",
+          padding: "var(--space-2, 8px) var(--space-3, 12px)",
+          minWidth: "5rem",
+          textAlign: "center",
+          fontFamily: "var(--font-sans, system-ui)",
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: "1.1rem", fontWeight: 700, color: accentColor }, children: value }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: "0.7rem", color: "var(--color-text-muted, #6b7280)", marginTop: "0.1rem" }, children: label })
+        ]
+      }
+    );
+  }
+
+  // src/components/metrics/MiniMeter.tsx
+  function MiniMeter({
+    label,
+    value,
+    valueText,
+    color = "var(--color-primary, #2563eb)",
+    labelWidth = "120px",
+    style
+  }) {
+    const pct = Math.max(0, Math.min(100, value));
+    const right = valueText ?? `${Math.round(pct)}%`;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: `${labelWidth} 1fr 54px`,
+          gap: "var(--space-2, 8px)",
+          alignItems: "center",
+          marginBottom: "0.35rem",
+          fontFamily: "var(--font-sans, system-ui)",
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "var(--color-text-muted, #6b7280)", overflow: "hidden", textOverflow: "ellipsis" }, children: label }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                height: "0.75rem",
+                background: "var(--color-bg-tertiary, #f3f4f6)",
+                borderRadius: "9999px",
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: `${pct}%`,
+                    minWidth: pct > 0 ? "2px" : "0",
+                    height: "100%",
+                    background: color,
+                    borderRadius: "9999px"
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                fontSize: "0.75rem",
+                fontWeight: 600,
+                color: "var(--color-text, #111827)",
+                textAlign: "right"
+              },
+              children: right
+            }
+          )
+        ]
+      }
+    );
+  }
+  return __toCommonJS(metrics_entry_exports);
+})();