@mahiraltinkaya/me-ui 0.1.0

package/registry/components/ui/input.tsx

@@ -0,0 +1,87 @@
+"use client";
+
+import * as React from "react";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+
+import { cn } from "@/lib/utils";
+import { FieldHint, type FieldHintContent } from "@/components/ui/field-hint";
+
+export type InputTooltip = FieldHintContent;
+
+export interface InputProps extends React.ComponentProps<"input"> {
+  icon?: React.ReactNode;
+  tooltip?: InputTooltip;
+}
+
+function Input({
+  className,
+  type,
+  icon,
+  tooltip,
+  onFocus,
+  onBlur,
+  id,
+  "aria-describedby": describedBy,
+  ...props
+}: InputProps) {
+  const [focused, setFocused] = React.useState(false);
+  const hintId = id ? `${id}-hint` : undefined;
+  const hintOpen = Boolean(tooltip) && focused;
+
+  // Merged rather than replaced: the field can be described by both its
+  // validation message and the hint panel at the same time.
+  const describedByAll =
+    [describedBy, hintOpen ? hintId : undefined].filter(Boolean).join(" ") || undefined;
+
+  const handleFocus = React.useCallback(
+    (event: React.FocusEvent<HTMLInputElement>) => {
+      setFocused(true);
+      onFocus?.(event);
+    },
+    [onFocus],
+  );
+
+  const handleBlur = React.useCallback(
+    (event: React.FocusEvent<HTMLInputElement>) => {
+      setFocused(false);
+      onBlur?.(event);
+    },
+    [onBlur],
+  );
+
+  const field = (
+    <InputPrimitive
+      type={type}
+      id={id}
+      data-slot="input"
+      aria-describedby={describedByAll}
+      onFocus={handleFocus}
+      onBlur={handleBlur}
+      className={cn(
+        "border-input file:text-foreground placeholder:text-muted-foreground focus-visible:border-brand focus-visible:ring-brand/20 disabled:bg-input/50 aria-invalid:border-brand aria-invalid:ring-brand/20 h-11.25 w-full min-w-0 rounded-lg border bg-transparent px-4 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:border-2 focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-2 aria-invalid:ring-3 md:text-sm",
+        icon && "pl-10",
+        tooltip && "pr-10",
+        className,
+      )}
+      {...props}
+    />
+  );
+
+  if (!icon && !tooltip) return field;
+
+  return (
+    <div className="relative w-full">
+      {icon ? (
+        <span className="text-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2">
+          {icon}
+        </span>
+      ) : null}
+      {field}
+      {tooltip ? (
+        <FieldHint hint={tooltip} open={hintOpen} id={hintId ?? "field-hint"} className="right-3" />
+      ) : null}
+    </div>
+  );
+}
+
+export { Input };

package/registry/components/ui/select.tsx

@@ -0,0 +1,128 @@
+"use client";
+
+import { useCallback, useState, type ReactNode } from "react";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { Check, ChevronDown } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+import { FieldHint, type FieldHintContent } from "@/components/ui/field-hint";
+
+export interface SelectProps {
+  options: readonly string[];
+  value: string | null;
+  onValueChange: (value: string) => void;
+  onClose?: () => void;
+  placeholder?: string;
+  icon?: ReactNode;
+  tooltip?: FieldHintContent;
+  id?: string;
+  name?: string;
+  invalid?: boolean;
+  disabled?: boolean;
+  /** Id of an external description, typically the field's validation message. */
+  describedBy?: string;
+}
+
+function Select({
+  options,
+  value,
+  onValueChange,
+  onClose,
+  placeholder,
+  icon,
+  tooltip,
+  id,
+  name,
+  invalid,
+  disabled,
+  describedBy,
+}: SelectProps) {
+  const [focused, setFocused] = useState(false);
+  const hintId = id ? `${id}-hint` : "field-hint";
+  const hintOpen = Boolean(tooltip) && focused;
+  // Merged rather than replaced — see the same note in Input.
+  const describedByAll =
+    [describedBy, hintOpen ? hintId : undefined].filter(Boolean).join(" ") || undefined;
+
+  const handleFocus = useCallback(() => setFocused(true), []);
+  const handleBlur = useCallback(() => setFocused(false), []);
+
+  return (
+    <SelectPrimitive.Root
+      value={value}
+      disabled={disabled}
+      onValueChange={(next) => onValueChange(String(next ?? ""))}
+      onOpenChange={(open) => {
+        if (!open) onClose?.();
+      }}
+    >
+      <div className="relative w-full">
+        {icon ? (
+          <span className="text-muted-foreground pointer-events-none absolute top-1/2 left-3 z-1 -translate-y-1/2">
+            {icon}
+          </span>
+        ) : null}
+        <SelectPrimitive.Trigger
+          id={id}
+          name={name}
+          data-slot="select-trigger"
+          aria-invalid={invalid}
+          aria-describedby={describedByAll}
+          onFocus={handleFocus}
+          onBlur={handleBlur}
+          className={cn(
+            "border-input focus-visible:border-brand focus-visible:ring-brand/20 aria-invalid:border-brand aria-invalid:ring-brand/20 h-11.25 w-full rounded-lg border bg-transparent px-4 text-left text-base transition-colors outline-none select-none focus-visible:border-2 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-2 aria-invalid:ring-3 md:text-sm",
+            "flex items-center justify-between gap-2",
+            icon && "pl-10",
+            tooltip ? "pr-16" : "pr-10",
+          )}
+        >
+          <SelectPrimitive.Value
+            className="data-placeholder:text-muted-foreground truncate"
+            placeholder={placeholder}
+          />
+          <SelectPrimitive.Icon
+            className={cn(
+              "text-muted-foreground absolute top-1/2 -translate-y-1/2 transition-transform duration-200 data-[popup-open]:rotate-180",
+              tooltip ? "right-10" : "right-3",
+            )}
+          >
+            <ChevronDown className="size-4" />
+          </SelectPrimitive.Icon>
+        </SelectPrimitive.Trigger>
+        {tooltip ? (
+          <FieldHint hint={tooltip} open={hintOpen} id={hintId} className="right-3" />
+        ) : null}
+      </div>
+
+      <SelectPrimitive.Portal>
+        <SelectPrimitive.Positioner
+          className="z-50 outline-none select-none"
+          sideOffset={6}
+          alignItemWithTrigger={false}
+        >
+          <SelectPrimitive.Popup className="max-h-[min(20rem,var(--available-height))] w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-lg transition-[opacity,scale] duration-150 data-ending-style:scale-98 data-ending-style:opacity-0 data-starting-style:scale-98 data-starting-style:opacity-0">
+            <SelectPrimitive.List className="max-h-[min(20rem,var(--available-height))] overflow-y-auto py-1.5">
+              {options.map((option) => (
+                <SelectPrimitive.Item
+                  key={option}
+                  value={option}
+                  className="data-highlighted:text-brand grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-4 py-2.5 text-sm outline-none select-none data-highlighted:bg-zinc-50"
+                >
+                  <SelectPrimitive.ItemIndicator className="text-brand col-start-1">
+                    <Check className="size-4" />
+                  </SelectPrimitive.ItemIndicator>
+                  <SelectPrimitive.ItemText className="col-start-2">
+                    {option}
+                  </SelectPrimitive.ItemText>
+                </SelectPrimitive.Item>
+              ))}
+            </SelectPrimitive.List>
+          </SelectPrimitive.Popup>
+        </SelectPrimitive.Positioner>
+      </SelectPrimitive.Portal>
+    </SelectPrimitive.Root>
+  );
+}
+
+export { Select };

package/registry/components/ui/stepper/index.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+import { StepperProgress } from "@/components/ui/stepper/stepper-progress";
+import { StepperRail } from "@/components/ui/stepper/stepper-rail";
+import type { StepperLayoutProps } from "@/components/ui/stepper/types";
+
+export type { StepItem, StepStatus } from "@/components/ui/stepper/types";
+
+export interface StepperProps
+  extends StepperLayoutProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {}
+
+function Stepper({ steps, currentStep, onStepChange, className, ...props }: StepperProps) {
+  return (
+    <div className={cn("w-full", className)} {...props}>
+      <StepperProgress steps={steps} currentStep={currentStep} />
+      <StepperRail steps={steps} currentStep={currentStep} onStepChange={onStepChange} />
+    </div>
+  );
+}
+
+export { Stepper };

package/registry/components/ui/stepper/step-divider.tsx

@@ -0,0 +1,20 @@
+import { memo } from "react";
+import Image from "next/image";
+
+const StepDivider = memo(function StepDivider() {
+  return (
+    <span className="relative block h-full w-12 shrink-0">
+      <Image
+        src="/assets/images/breadcrumb_arrow.svg"
+        alt=""
+        aria-hidden
+        unoptimized
+        fill
+        sizes="21px"
+        className="object-contain"
+      />
+    </span>
+  );
+});
+
+export { StepDivider };

package/registry/components/ui/stepper/step-indicator.tsx

@@ -0,0 +1,33 @@
+import { memo, type ReactNode } from "react";
+import { Check } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+import type { StepStatus } from "@/components/ui/stepper/types";
+
+const indicatorStyles: Record<StepStatus, string> = {
+  completed: "bg-brand text-white",
+  current: "bg-brand text-white",
+  upcoming: "bg-zinc-200/80 text-zinc-500",
+};
+
+export interface StepIndicatorProps {
+  status: StepStatus;
+  index: number;
+  icon?: ReactNode;
+}
+
+const StepIndicator = memo(function StepIndicator({ status, index, icon }: StepIndicatorProps) {
+  return (
+    <span
+      aria-hidden
+      className={cn(
+        "flex size-9 shrink-0 items-center justify-center rounded-full text-[0.9375rem] font-semibold transition-colors duration-200",
+        indicatorStyles[status],
+      )}
+    >
+      {status === "completed" ? <Check className="size-4" strokeWidth={3} /> : (icon ?? index + 1)}
+    </span>
+  );
+});
+
+export { StepIndicator };

package/registry/components/ui/stepper/step-label.tsx

@@ -0,0 +1,29 @@
+import { memo } from "react";
+
+import { cn } from "@/lib/utils";
+import type { StepStatus } from "@/components/ui/stepper/types";
+
+const labelStyles: Record<StepStatus, string> = {
+  completed: "text-zinc-900 font-semibold",
+  current: "text-zinc-900 font-semibold",
+  upcoming: "text-zinc-400 font-medium",
+};
+
+export interface StepLabelProps {
+  label: string;
+  description?: string;
+  status: StepStatus;
+}
+
+const StepLabel = memo(function StepLabel({ label, description, status }: StepLabelProps) {
+  return (
+    <span className={cn("flex min-w-0 flex-col text-left transition-colors", labelStyles[status])}>
+      <span className="truncate text-[0.9375rem] whitespace-nowrap">{label}</span>
+      {description ? (
+        <span className="truncate text-xs whitespace-nowrap opacity-70">{description}</span>
+      ) : null}
+    </span>
+  );
+});
+
+export { StepLabel };

package/registry/components/ui/stepper/stepper-progress.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { memo } from "react";
+
+import { cn } from "@/lib/utils";
+import type { StepperLayoutProps } from "@/components/ui/stepper/types";
+
+/** Mobile layout: active step name, counter, and a segmented progress bar. */
+const StepperProgress = memo(function StepperProgress({
+  steps,
+  currentStep,
+}: Omit<StepperLayoutProps, "onStepChange">) {
+  const totalSteps = steps.length;
+  const activeIndex = Math.min(Math.max(currentStep, 0), totalSteps - 1);
+
+  return (
+    <div className="rounded-2xl border border-zinc-200 bg-white p-4 md:hidden">
+      <div className="flex items-baseline justify-between gap-3">
+        <span className="text-brand text-sm font-semibold">{steps[activeIndex]?.label}</span>
+        <span className="shrink-0 text-xs font-medium text-zinc-400 tabular-nums">
+          {activeIndex + 1} / {totalSteps}
+        </span>
+      </div>
+      <div className="mt-3 flex gap-1.5" role="presentation">
+        {steps.map((step, index) => (
+          <span
+            key={step.label}
+            title={step.label}
+            className={cn(
+              "h-1.5 flex-1 rounded-full transition-colors duration-300",
+              index <= currentStep ? "bg-brand" : "bg-zinc-200",
+            )}
+          />
+        ))}
+      </div>
+    </div>
+  );
+});
+
+export { StepperProgress };

package/registry/components/ui/stepper/stepper-rail.tsx

@@ -0,0 +1,107 @@
+"use client";
+
+import { Fragment, memo, useCallback } from "react";
+
+import { cn } from "@/lib/utils";
+import { StepDivider } from "@/components/ui/stepper/step-divider";
+import { StepIndicator } from "@/components/ui/stepper/step-indicator";
+import { StepLabel } from "@/components/ui/stepper/step-label";
+import {
+  getStepStatus,
+  type StepItem,
+  type StepperLayoutProps,
+} from "@/components/ui/stepper/types";
+
+interface StepperRailItemProps {
+  step: StepItem;
+  index: number;
+  currentStep: number;
+  onStepChange?: (index: number) => void;
+}
+
+function StepperRailItem({ step, index, currentStep, onStepChange }: StepperRailItemProps) {
+  const status = getStepStatus(index, currentStep);
+  const isCurrent = status === "current";
+  const clickable = Boolean(onStepChange) && status === "completed";
+  const title = step.description ? `${step.label} — ${step.description}` : step.label;
+
+  const handleClick = useCallback(() => onStepChange?.(index), [onStepChange, index]);
+
+  const className = cn(
+    "flex w-full items-center gap-4 rounded-full px-2.5 py-2.5 transition-colors duration-200",
+    isCurrent && "bg-white",
+    clickable &&
+      "cursor-pointer hover:bg-white/60 focus-visible:outline-brand focus-visible:outline-2 focus-visible:outline-offset-2",
+  );
+
+  const content = (
+    <>
+      <StepIndicator status={status} index={index} icon={step.icon} />
+      <StepLabel label={step.label} description={step.description} status={status} />
+    </>
+  );
+
+  if (clickable) {
+    return (
+      <button
+        type="button"
+        onClick={handleClick}
+        data-slot="stepper-item"
+        data-status={status}
+        className={className}
+        title={title}
+      >
+        {content}
+        <span className="sr-only">adımına dön</span>
+      </button>
+    );
+  }
+
+  return (
+    <div
+      aria-current={isCurrent ? "step" : undefined}
+      data-slot="stepper-item"
+      data-status={status}
+      className={className}
+      title={title}
+    >
+      {content}
+    </div>
+  );
+}
+
+const StepperRail = memo(function StepperRail({
+  steps,
+  currentStep,
+  onStepChange,
+}: StepperLayoutProps) {
+  return (
+    <nav aria-label="İlerleme" data-slot="stepper" className="relative hidden md:block">
+      <span
+        aria-hidden
+        className="pointer-events-none absolute top-1/2 left-1/2 h-px w-screen -translate-x-1/2 -translate-y-1/2 bg-zinc-200/80"
+      />
+      <ol className="relative flex w-full items-stretch rounded-full border border-zinc-200/90 bg-white px-0.75">
+        {steps.map((step, index) => (
+          <Fragment key={step.label}>
+            <li className="flex min-w-0 flex-1">
+              <StepperRailItem
+                step={step}
+                index={index}
+                currentStep={currentStep}
+                onStepChange={onStepChange}
+              />
+            </li>
+            {index < steps.length - 1 ? (
+              <li aria-hidden className="mr-6 ml-1 flex shrink-0 items-stretch">
+                <StepDivider />
+              </li>
+            ) : null}
+          </Fragment>
+        ))}
+      </ol>
+    </nav>
+  );
+});
+
+export { StepperRail };

package/registry/components/ui/stepper/types.ts

@@ -0,0 +1,26 @@
+import type * as React from "react";
+
+export type StepStatus = "completed" | "current" | "upcoming";
+
+export interface StepItem {
+  /** Main label shown next to the step indicator. */
+  label: string;
+  /** Optional secondary text shown under the label. */
+  description?: string;
+  /** Custom indicator. Falls back to the step number, or a check when completed. */
+  icon?: React.ReactNode;
+}
+
+export interface StepperLayoutProps {
+  steps: StepItem[];
+  /** Zero-based index of the active step. */
+  currentStep: number;
+  /** Called with the target index when a completed step is pressed. */
+  onStepChange?: (index: number) => void;
+}
+
+export function getStepStatus(index: number, currentStep: number): StepStatus {
+  if (index < currentStep) return "completed";
+  if (index === currentStep) return "current";
+  return "upcoming";
+}

package/registry/components/ui/tooltip.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+
+import { cn } from "@/lib/utils";
+
+function TooltipProvider({ delay = 0, ...props }: TooltipPrimitive.Provider.Props) {
+  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delay={delay} {...props} />;
+}
+
+function Tooltip({ ...props }: TooltipPrimitive.Root.Props) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
+}
+
+function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}: TooltipPrimitive.Popup.Props &
+  Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Positioner
+        align={align}
+        alignOffset={alignOffset}
+        side={side}
+        sideOffset={sideOffset}
+        className="isolate z-50"
+      >
+        <TooltipPrimitive.Popup
+          data-slot="tooltip-content"
+          className={cn(
+            "bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm",
+            className,
+          )}
+          {...props}
+        >
+          {children}
+          <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" />
+        </TooltipPrimitive.Popup>
+      </TooltipPrimitive.Positioner>
+    </TooltipPrimitive.Portal>
+  );
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/registry/lib/normalize.ts

@@ -0,0 +1,2 @@
+/** Everything that is not a digit, removed. */
+export const digits = (value: string) => value.replace(/\D/g, "");

package/registry/lib/quote-schema.ts

@@ -0,0 +1,45 @@
+import { z } from "zod";
+
+import { digits } from "@/lib/normalize";
+import { isValidTckn } from "@/lib/tckn";
+
+export const personalSchema = z.object({
+  tckn: z
+    .string()
+    .min(1, "Kimlik numarası boş bırakılamaz")
+    .refine((v) => /^[1-9]\d{10}$/.test(digits(v)), "Kimlik numarası 11 haneli olmalıdır")
+    .refine(isValidTckn, "Geçerli bir kimlik numarası giriniz"),
+  phone: z
+    .string()
+    .min(1, "Cep telefonu boş bırakılamaz")
+    .refine((v) => /^0?5\d{9}$/.test(digits(v)), "Geçerli bir cep telefonu giriniz"),
+  email: z
+    .string()
+    .min(1, "E-posta adresi boş bırakılamaz")
+    .pipe(z.email("Geçerli bir e-posta adresi giriniz")),
+  occupation: z.string().min(1, "Mesleğinizi seçiniz"),
+});
+
+export const healthSchema = z.object({
+  hasDiagnosis: z.enum(["yes", "no"], "Lütfen bir seçim yapınız"),
+});
+
+export const quoteSchema = personalSchema.extend(healthSchema.shape);
+
+export type QuoteFormValues = z.infer<typeof quoteSchema>;
+
+const fieldsOf = (schema: z.ZodObject) => Object.keys(schema.shape) as (keyof QuoteFormValues)[];
+
+export const stepFields: readonly (keyof QuoteFormValues)[][] = [
+  fieldsOf(personalSchema),
+  fieldsOf(healthSchema),
+  [],
+];
+
+export const quoteDefaultValues: QuoteFormValues = {
+  tckn: "",
+  phone: "",
+  email: "",
+  occupation: "" as QuoteFormValues["occupation"],
+  hasDiagnosis: "" as QuoteFormValues["hasDiagnosis"],
+};

package/registry/lib/tckn.ts

@@ -0,0 +1,31 @@
+import { digits } from "@/lib/normalize";
+
+/**
+ * T.C. kimlik numarası validation.
+ *
+ * The length and leading-digit rules alone accept roughly ten billion strings
+ * that no citizen holds. The last two digits are check digits, and verifying
+ * them rejects ~99% of those — which is what stops a typo from reaching the
+ * policy system as a real-looking identity.
+ *
+ * - digits 1..9 feed two weighted sums
+ * - digit 10 = (odd-position sum × 7 − even-position sum) mod 10
+ * - digit 11 = (sum of the first ten digits) mod 10
+ */
+export function isValidTckn(value: string): boolean {
+  const normalized = digits(value);
+  if (!/^[1-9]\d{10}$/.test(normalized)) return false;
+
+  const d = [...normalized].map(Number);
+
+  const odd = d[0] + d[2] + d[4] + d[6] + d[8];
+  const even = d[1] + d[3] + d[5] + d[7];
+
+  // The subtraction can go negative, and JS `%` keeps the sign — so it is
+  // wrapped back into 0..9 rather than trusted directly.
+  const tenth = (((odd * 7 - even) % 10) + 10) % 10;
+  if (tenth !== d[9]) return false;
+
+  const eleventh = d.slice(0, 10).reduce((total, digit) => total + digit, 0) % 10;
+  return eleventh === d[10];
+}

package/registry/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}