@planetaexo/design-system 0.3.12 → 0.3.14

package/dist/index.cjs

@@ -499,8 +499,8 @@ var FloatingInput = React19__namespace.forwardRef(
           ref,
           placeholder: " ",
           className: cn(
-            "peer block w-full rounded-lg border border-border bg-background",
-            "px-3 pt-5 pb-2 text-base text-foreground font-ui",
+            "peer block w-full h-14 rounded-lg border border-border bg-background",
+            "px-3 pt-6 pb-2 text-base text-foreground font-ui",
             "transition-colors placeholder-transparent",
             "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
             error && "border-destructive focus:border-destructive focus:ring-destructive"
@@ -516,8 +516,8 @@ var FloatingInput = React19__namespace.forwardRef(
             "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2",
             "text-base text-muted-foreground font-ui transition-all duration-150",
             /* When peer has content or is focused, float up */
-            "peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
-            "peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
+            "peer-focus:top-2 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
+            "peer-not-placeholder-shown:top-2 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
           ),
           children: [
             label,
@@ -541,8 +541,8 @@ var FloatingSelect = React19__namespace.forwardRef(
           id: inputId,
           ref,
           className: cn(
-            "peer block w-full appearance-none rounded-lg border border-border bg-background",
-            "px-3 pt-5 pb-2 text-base text-foreground font-ui",
+            "peer block w-full h-14 appearance-none rounded-lg border border-border bg-background",
+            "px-3 pt-6 pb-2 text-base text-foreground font-ui",
             "transition-colors",
             "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
             error && "border-destructive"
@@ -572,8 +572,8 @@ var FloatingSelect = React19__namespace.forwardRef(
           className: cn(
             "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2",
             "text-base text-muted-foreground font-ui transition-all duration-150",
-            "peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
-            "peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs"
+            "peer-focus:top-2 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
+            "peer-not-placeholder-shown:top-2 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs"
           ),
           children: [
             label,
@@ -1110,8 +1110,27 @@ function CountrySearchField({
     ] })
   ] });
 }
+var VARIANT_STYLES = {
+  error: "text-destructive border-destructive/30 bg-destructive/5",
+  warning: "text-amber-400 border-amber-500/30 bg-amber-500/10",
+  success: "text-primary border-primary/30 bg-primary/10",
+  info: "text-muted-foreground border-primary/25 bg-primary/5"
+};
+function Alert({ variant = "info", children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border px-3 py-2 text-sm font-sans leading-snug",
+        VARIANT_STYLES[variant],
+        className
+      ),
+      children
+    }
+  );
+}
 function AdventureCard({ adventure }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
   const [checkedInternal, setCheckedInternal] = React19__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
@@ -1198,11 +1217,32 @@ function AdventureCard({ adventure }) {
           opt.id
         )) })
       ] }),
-      adventure.description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      (adventure.description || adventure.detailsSlot) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-1" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Itinerary" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-foreground/80 leading-relaxed font-sans", children: adventure.description })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-3", children: (_f = adventure.itineraryLabel) != null ? _f : "Itinerary" }),
+          adventure.description && !adventure.detailsSlot && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-foreground/80 leading-relaxed font-sans", children: adventure.description }),
+          adventure.detailsSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+            "text-foreground",
+            // Base paragraph and heading styles
+            "[&_p]:text-base [&_p]:text-foreground/80 [&_p]:leading-relaxed [&_p]:mb-2",
+            "[&_h2]:text-xl [&_h2]:font-bold [&_h2]:text-foreground [&_h2]:mb-2 [&_h2]:mt-4",
+            "[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:text-foreground [&_h3]:mb-1 [&_h3]:mt-3",
+            "[&_strong]:font-bold [&_strong]:text-foreground",
+            "[&_em]:italic",
+            "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2",
+            "[&_blockquote]:border-l-2 [&_blockquote]:border-primary [&_blockquote]:pl-3 [&_blockquote]:italic [&_blockquote]:text-muted-foreground [&_blockquote]:my-2",
+            // Standard lists
+            "[&_ul:not(.list-check):not(.list-cross)]:list-disc [&_ul:not(.list-check):not(.list-cross)]:pl-5 [&_ul:not(.list-check):not(.list-cross)]:space-y-1",
+            "[&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:space-y-1",
+            "[&_li]:text-base [&_li]:text-foreground/80 [&_li]:leading-relaxed",
+            // Check list (✓)
+            "[&_.list-check]:list-none [&_.list-check]:pl-5 [&_.list-check]:space-y-1",
+            "[&_.list-check_li]:relative [&_.list-check_li]:before:absolute [&_.list-check_li]:before:-left-5 [&_.list-check_li]:before:content-['\u2713'] [&_.list-check_li]:before:text-primary [&_.list-check_li]:before:font-bold",
+            // Cross list (✗)
+            "[&_.list-cross]:list-none [&_.list-cross]:pl-5 [&_.list-cross]:space-y-1",
+            "[&_.list-cross_li]:relative [&_.list-cross_li]:before:absolute [&_.list-cross_li]:before:-left-5 [&_.list-cross_li]:before:content-['\u2717'] [&_.list-cross_li]:before:text-destructive [&_.list-cross_li]:before:font-bold"
+          ), children: adventure.detailsSlot })
         ] })
       ] }),
       adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
@@ -1225,10 +1265,6 @@ function AdventureCard({ adventure }) {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 mt-2.5" }),
           item
         ] }, i)) })
-      ] }),
-      adventure.detailsSlot && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 text-foreground", children: adventure.detailsSlot })
       ] })
     ] })
   ] });
@@ -1552,8 +1588,8 @@ function BookingShell({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 flex flex-col gap-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { children }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive font-sans", children: error }),
-      successMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-sans rounded-lg px-3 py-2 bg-primary/10 border border-primary/30 text-primary", children: successMessage }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: error }),
+      successMessage && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "success", children: successMessage }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           currentStep > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1584,7 +1620,7 @@ function BookingShell({
             }
           )
         ] }),
-        nextDisabled && nextBlockedMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-amber-400 bg-amber-500/10 border border-amber-500/30 rounded-lg px-3 py-2", children: nextBlockedMessage }),
+        nextDisabled && nextBlockedMessage && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "warning", children: nextBlockedMessage }),
         currentStep === 0 && onCancel && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -1671,13 +1707,73 @@ function PaymentMethodSelector({
     )) })
   ] });
 }
+var TERMS_CONTENT = [
+  {
+    heading: "1. Introdu\xE7\xE3o",
+    body: "Bem-vindo \xE0 PlanetaEXO. Ao acessar nosso site ou realizar uma reserva, voc\xEA concorda com estes Termos e Condi\xE7\xF5es. Por favor, leia-os atentamente antes de efetuar qualquer compra ou reserva."
+  },
+  {
+    heading: "2. Defini\xE7\xF5es",
+    body: '"PlanetaEXO" refere-se \xE0 empresa organizadora de viagens e experi\xEAncias. "Cliente" refere-se \xE0 pessoa que realiza a reserva. "Servi\xE7o" refere-se a qualquer pacote de viagem, aventura, passeio ou experi\xEAncia oferecida pela PlanetaEXO.'
+  },
+  {
+    heading: "3. Reservas e Confirma\xE7\xE3o",
+    body: "Uma reserva \xE9 considerada confirmada somente ap\xF3s o recebimento do pagamento (total ou dep\xF3sito conforme aplic\xE1vel) e o envio de confirma\xE7\xE3o por escrito pela PlanetaEXO. A PlanetaEXO reserva-se o direito de recusar ou cancelar reservas a seu crit\xE9rio."
+  },
+  {
+    heading: "4. Pre\xE7os e Pagamento",
+    body: "Todos os pre\xE7os s\xE3o expressos na moeda indicada na proposta e podem estar sujeitos a varia\xE7\xE3o cambial. O pagamento do dep\xF3sito ou valor total deve ser realizado nos prazos estipulados na proposta. A PlanetaEXO n\xE3o se responsabiliza por flutua\xE7\xF5es cambiais ap\xF3s a confirma\xE7\xE3o da reserva."
+  },
+  {
+    heading: "5. Pol\xEDtica de Cancelamento",
+    body: "Cancelamentos devem ser comunicados por escrito \xE0 PlanetaEXO. As penalidades de cancelamento variam conforme o prazo de anteced\xEAncia: cancelamentos com mais de 30 dias de anteced\xEAncia incorrem em perda do dep\xF3sito; cancelamentos com menos de 30 dias incorrem em perda de 50% do valor total; cancelamentos com menos de 15 dias incorrem em perda de 100% do valor total. Casos especiais (for\xE7a maior, emerg\xEAncias m\xE9dicas comprovadas) ser\xE3o avaliados individualmente."
+  },
+  {
+    heading: "6. Altera\xE7\xF5es de Itiner\xE1rio",
+    body: "A PlanetaEXO reserva-se o direito de modificar itiner\xE1rios, acomoda\xE7\xF5es ou atividades por raz\xF5es de seguran\xE7a, condi\xE7\xF5es clim\xE1ticas, for\xE7a maior ou outras circunst\xE2ncias fora de seu controle, sem que isso implique em responsabilidade por perdas ou danos. Em caso de altera\xE7\xF5es significativas, o cliente ser\xE1 notificado o mais brevemente poss\xEDvel."
+  },
+  {
+    heading: "7. Responsabilidades do Cliente",
+    body: "O cliente \xE9 respons\xE1vel por: (a) garantir que possui documenta\xE7\xE3o v\xE1lida (passaporte, vistos, vacinas) para os destinos da viagem; (b) contratar seguro de viagem adequado; (c) informar eventuais condi\xE7\xF5es m\xE9dicas ou restri\xE7\xF5es alimentares relevantes; (d) cumprir as leis e regulamentos locais dos destinos visitados."
+  },
+  {
+    heading: "8. Seguro de Viagem",
+    body: "Recomendamos fortemente a contrata\xE7\xE3o de seguro de viagem abrangente que cubra cancelamento, emerg\xEAncias m\xE9dicas, evacua\xE7\xE3o e bagagem. A PlanetaEXO n\xE3o se responsabiliza por despesas resultantes de situa\xE7\xF5es cobertas por seguro que o cliente tenha optado por n\xE3o contratar."
+  },
+  {
+    heading: "9. Limita\xE7\xE3o de Responsabilidade",
+    body: "A responsabilidade da PlanetaEXO limita-se ao valor total pago pelo cliente. A PlanetaEXO n\xE3o se responsabiliza por danos indiretos, perdas de receita, danos morais ou outras consequ\xEAncias decorrentes de falhas em servi\xE7os de terceiros (companhias a\xE9reas, hot\xE9is, operadores locais) ou eventos de for\xE7a maior."
+  },
+  {
+    heading: "10. Sa\xFAde e Seguran\xE7a",
+    body: "Algumas atividades oferecidas pela PlanetaEXO podem envolver riscos f\xEDsicos. O cliente deve avaliar sua condi\xE7\xE3o de sa\xFAde e aptid\xE3o f\xEDsica antes de confirmar a reserva. A PlanetaEXO pode recusar a participa\xE7\xE3o de clientes que n\xE3o atendam aos requisitos m\xEDnimos de sa\xFAde e seguran\xE7a de uma atividade."
+  },
+  {
+    heading: "11. Privacidade e Dados Pessoais",
+    body: "As informa\xE7\xF5es fornecidas pelo cliente ser\xE3o utilizadas exclusivamente para a presta\xE7\xE3o dos servi\xE7os contratados e para fins operacionais relacionados. A PlanetaEXO compromete-se a proteger os dados pessoais dos clientes conforme a legisla\xE7\xE3o aplic\xE1vel (LGPD no Brasil). Os dados n\xE3o ser\xE3o vendidos ou compartilhados com terceiros, exceto fornecedores necess\xE1rios para a execu\xE7\xE3o dos servi\xE7os."
+  },
+  {
+    heading: "12. Propriedade Intelectual",
+    body: "Todo o conte\xFAdo do site e dos materiais da PlanetaEXO (textos, imagens, logotipos, itiner\xE1rios) \xE9 protegido por direitos autorais. \xC9 proibida a reprodu\xE7\xE3o, distribui\xE7\xE3o ou uso comercial sem autoriza\xE7\xE3o pr\xE9via e expressa da PlanetaEXO."
+  },
+  {
+    heading: "13. Resolu\xE7\xE3o de Disputas",
+    body: "Eventuais disputas ser\xE3o resolvidas preferencialmente por media\xE7\xE3o. Caso n\xE3o haja acordo, as partes elegem o foro da Comarca de S\xE3o Paulo, Brasil, para dirimir quaisquer controv\xE9rsias decorrentes destes Termos, com ren\xFAncia de qualquer outro, por mais privilegiado que seja."
+  },
+  {
+    heading: "14. Aceita\xE7\xE3o dos Termos",
+    body: "Ao realizar uma reserva com a PlanetaEXO, o cliente declara ter lido, compreendido e concordado com todos estes Termos e Condi\xE7\xF5es. Estes termos podem ser atualizados periodicamente; a vers\xE3o vigente estar\xE1 sempre dispon\xEDvel no site oficial da PlanetaEXO."
+  }
+];
 function TermsSection({
   title = "Terms and conditions",
   checked,
   onChange,
   label,
-  warningMessage
+  warningMessage,
+  viewTermsLabel = "Ver termos e condi\xE7\xF5es completos"
 }) {
+  const [modalOpen, setModalOpen] = React19__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer", children: [
@@ -1692,7 +1788,30 @@ function TermsSection({
       ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-sans text-foreground/80 leading-snug", children: label })
     ] }),
-    !checked && warningMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-amber-400 flex items-center gap-1", children: warningMessage })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setModalOpen(true),
+        className: "self-start text-xs text-primary underline underline-offset-2 font-sans hover:text-primary/80 transition-colors",
+        children: viewTermsLabel
+      }
+    ),
+    !checked && warningMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-amber-400 flex items-center gap-1", children: warningMessage }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-2xl w-full max-h-[80vh] overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "font-heading text-xl", children: "Termos e Condi\xE7\xF5es \u2014 PlanetaEXO" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: TERMS_CONTENT.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-foreground font-heading mb-1", children: section.heading }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: section.body })
+      ] }, section.heading)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        DialogClose,
+        {
+          className: "px-4 py-2 rounded-lg bg-primary text-white text-sm font-heading font-semibold hover:bg-primary/90 transition-colors",
+          children: "Fechar"
+        }
+      ) })
+    ] }) })
   ] });
 }
 var WIZARD_STEPS = [
@@ -6465,25 +6584,6 @@ function ActivityCard({
     }
   );
 }
-var VARIANT_STYLES = {
-  error: "text-destructive border-destructive/30 bg-destructive/5",
-  warning: "text-amber-400 border-amber-500/30 bg-amber-500/10",
-  success: "text-primary border-primary/30 bg-primary/10",
-  info: "text-muted-foreground border-primary/25 bg-primary/5"
-};
-function Alert({ variant = "info", children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border px-3 py-2 text-sm font-sans leading-snug",
-        VARIANT_STYLES[variant],
-        className
-      ),
-      children
-    }
-  );
-}
 function PaymentModalShell({
   open,
   title,
@@ -6712,8 +6812,75 @@ var DARK = {
     }
   }
 };
-function getStripeAppearance(isDark = false) {
-  return isDark ? DARK : LIGHT;
+function getStripeAppearance(isDark = false, tokens) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const base = isDark ? DARK : LIGHT;
+  if (!tokens) return base;
+  const t = {
+    primary: (_a = tokens.primary) != null ? _a : base.variables.colorPrimary,
+    background: (_b = tokens.background) != null ? _b : base.variables.colorBackground,
+    card: (_c = tokens.card) != null ? _c : base.variables.colorBackground,
+    foreground: (_d = tokens.foreground) != null ? _d : base.variables.colorText,
+    muted: (_e = tokens.muted) != null ? _e : base.variables.colorTextPlaceholder,
+    border: (_f = tokens.border) != null ? _f : isDark ? "rgba(255,255,255,0.10)" : "#e3eeeb",
+    destructive: (_g = tokens.destructive) != null ? _g : base.variables.colorDanger
+  };
+  return __spreadProps(__spreadValues({}, base), {
+    variables: __spreadProps(__spreadValues({}, base.variables), {
+      colorPrimary: t.primary,
+      colorBackground: t.card,
+      colorText: t.foreground,
+      colorTextPlaceholder: t.muted,
+      colorIcon: t.muted,
+      colorIconTab: t.muted,
+      colorIconTabSelected: t.primary,
+      colorIconTabHover: t.foreground,
+      colorDanger: t.destructive
+    }),
+    rules: __spreadProps(__spreadValues({}, base.rules), {
+      ".Input": __spreadProps(__spreadValues({}, base.rules[".Input"]), {
+        border: `1px solid ${t.border}`,
+        backgroundColor: t.background,
+        color: t.foreground
+      }),
+      ".Input:focus": {
+        border: `1px solid ${t.primary}`,
+        boxShadow: `0 0 0 2px color-mix(in srgb, ${t.primary} 20%, transparent)`,
+        outline: "none"
+      },
+      ".Input--invalid": {
+        border: `1px solid ${t.destructive}`,
+        boxShadow: `0 0 0 2px color-mix(in srgb, ${t.destructive} 15%, transparent)`
+      },
+      ".Label": __spreadProps(__spreadValues({}, base.rules[".Label"]), {
+        color: t.muted
+      }),
+      ".Error": {
+        color: t.destructive,
+        fontSize: "12px"
+      },
+      ".Tab": __spreadProps(__spreadValues({}, base.rules[".Tab"]), {
+        border: `1px solid ${t.border}`,
+        backgroundColor: t.background,
+        color: t.muted
+      }),
+      ".Tab:hover": {
+        color: t.foreground,
+        border: `1px solid ${t.primary}`
+      },
+      ".Tab--selected": {
+        border: `1px solid ${t.primary}`,
+        backgroundColor: `color-mix(in srgb, ${t.primary} 8%, transparent)`,
+        color: t.foreground,
+        boxShadow: "none"
+      },
+      ".TabLabel--selected": { color: t.foreground },
+      ".TabIcon--selected": { fill: t.primary },
+      ".Block": __spreadProps(__spreadValues({}, base.rules[".Block"]), {
+        border: `1px solid ${t.border}`
+      })
+    })
+  });
 }
 var stripeAppearance = LIGHT;
 function Input(_a) {