@ichaingo/ui 1.1.0

package/dist/breadcrumb.mjs

@@ -0,0 +1,102 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { Slot as o } from "@radix-ui/react-slot";
+import { ChevronRight as i, MoreHorizontal as l } from "lucide-react";
+import { c as t } from "./utils-B7J70Nno.js";
+function p({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function x({
+  asChild: r,
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    r ? o : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...n
+    }
+  );
+}
+function h({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-normal", r),
+      ...e
+    }
+  );
+}
+function N({
+  children: r,
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...n,
+      children: r ?? /* @__PURE__ */ a(i, {})
+    }
+  );
+}
+function B({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a(l, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  p as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  g as BreadcrumbItem,
+  x as BreadcrumbLink,
+  f as BreadcrumbList,
+  h as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};

package/dist/button.d.ts

@@ -0,0 +1,15 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/button.mjs

@@ -0,0 +1,49 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Slot as s } from "@radix-ui/react-slot";
+import { cva as a } from "class-variance-authority";
+import { c as d } from "./utils-B7J70Nno.js";
+const c = a(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function b({
+  className: e,
+  variant: r,
+  size: t,
+  asChild: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    i ? s : "button",
+    {
+      "data-slot": "button",
+      className: d(c({ variant: r, size: t, className: e })),
+      ...n
+    }
+  );
+}
+export {
+  b as Button,
+  c as buttonVariants
+};

package/dist/calendar.d.ts

@@ -0,0 +1,23 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { DayButton } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
+}): JSX.Element;
+
+export declare function CalendarDayButton({ className, day, modifiers, ...props }: React_2.ComponentProps<typeof DayButton>): JSX.Element;
+
+export { }

package/dist/calendar.mjs

@@ -0,0 +1,173 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { ChevronLeftIcon as b, ChevronRightIcon as w, ChevronDownIcon as _ } from "lucide-react";
+import { getDefaultClassNames as p, DayPicker as h } from "react-day-picker";
+import { c as e } from "./utils-B7J70Nno.js";
+import { buttonVariants as f, Button as y } from "./button.mjs";
+function j({
+  className: i,
+  classNames: g,
+  showOutsideDays: r = !0,
+  captionLayout: s = "label",
+  buttonVariant: l = "ghost",
+  formatters: u,
+  components: c,
+  ...x
+}) {
+  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`,
+        i
+      ),
+      captionLayout: s,
+      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: l }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          f({ variant: l }),
+          "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",
+          s === "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 [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          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),
+        ...g
+      },
+      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(b, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+          w,
+          {
+            className: e("size-4", a),
+            ...o
+          }
+        ) : /* @__PURE__ */ n(_, { 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 }) }),
+        ...c
+      },
+      ...x
+    }
+  );
+}
+function v({
+  className: i,
+  day: g,
+  modifiers: r,
+  ...s
+}) {
+  const l = p(), u = m.useRef(null);
+  return m.useEffect(() => {
+    var c;
+    r.focused && ((c = u.current) == null || c.focus());
+  }, [r.focused]), /* @__PURE__ */ n(
+    y,
+    {
+      ref: u,
+      variant: "ghost",
+      size: "icon",
+      "data-day": g.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",
+        l.day,
+        i
+      ),
+      ...s
+    }
+  );
+}
+export {
+  j as Calendar,
+  v as CalendarDayButton
+};

package/dist/card.d.ts

@@ -0,0 +1,18 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export { }

package/dist/card.mjs

@@ -0,0 +1,90 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as o } from "./utils-B7J70Nno.js";
+function n({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card",
+      className: o(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function s({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: o(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function c({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: o("leading-none font-semibold", t),
+      ...a
+    }
+  );
+}
+function i({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: o("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function l({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: o(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function u({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: o("px-6", t),
+      ...a
+    }
+  );
+}
+function f({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: o("flex items-center px-6 [.border-t]:pt-6", t),
+      ...a
+    }
+  );
+}
+export {
+  n as Card,
+  l as CardAction,
+  u as CardContent,
+  i as CardDescription,
+  f as CardFooter,
+  s as CardHeader,
+  c as CardTitle
+};

package/dist/carousel.d.ts

@@ -0,0 +1,42 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'embla-carousel-react';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { VariantProps } from 'class-variance-authority';
+
+declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX.Element;
+
+export declare type CarouselApi = UseEmblaCarouselType[1];
+
+export declare function CarouselContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CarouselItem({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CarouselNext({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare function CarouselPrevious({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+
+declare type UseCarouselParameters = Parameters<typeof default_2>;
+
+export { }

package/dist/carousel.mjs

@@ -0,0 +1,177 @@
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+import z from "embla-carousel-react";
+import { ArrowLeft as g, ArrowRight as p } from "lucide-react";
+import { c as d } from "./utils-B7J70Nno.js";
+import { Button as v } from "./button.mjs";
+const N = l.createContext(null);
+function m() {
+  const o = l.useContext(N);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+function I({
+  orientation: o = "horizontal",
+  opts: r,
+  setApi: t,
+  plugins: s,
+  className: c,
+  children: i,
+  ...u
+}) {
+  const [b, e] = z(
+    {
+      ...r,
+      axis: o === "horizontal" ? "x" : "y"
+    },
+    s
+  ), [w, S] = l.useState(!1), [y, P] = l.useState(!1), f = l.useCallback((a) => {
+    a && (S(a.canScrollPrev()), P(a.canScrollNext()));
+  }, []), x = l.useCallback(() => {
+    e == null || e.scrollPrev();
+  }, [e]), C = l.useCallback(() => {
+    e == null || e.scrollNext();
+  }, [e]), k = l.useCallback(
+    (a) => {
+      a.key === "ArrowLeft" ? (a.preventDefault(), x()) : a.key === "ArrowRight" && (a.preventDefault(), C());
+    },
+    [x, C]
+  );
+  return l.useEffect(() => {
+    !e || !t || t(e);
+  }, [e, t]), l.useEffect(() => {
+    if (e)
+      return f(e), e.on("reInit", f), e.on("select", f), () => {
+        e == null || e.off("select", f);
+      };
+  }, [e, f]), /* @__PURE__ */ n(
+    N.Provider,
+    {
+      value: {
+        carouselRef: b,
+        api: e,
+        opts: r,
+        orientation: o || ((r == null ? void 0 : r.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev: x,
+        scrollNext: C,
+        canScrollPrev: w,
+        canScrollNext: y
+      },
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          onKeyDownCapture: k,
+          className: d("relative", c),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...u,
+          children: i
+        }
+      )
+    }
+  );
+}
+function K({ className: o, ...r }) {
+  const { carouselRef: t, orientation: s } = m();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: t,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: d(
+            "flex",
+            s === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            o
+          ),
+          ...r
+        }
+      )
+    }
+  );
+}
+function L({ className: o, ...r }) {
+  const { orientation: t } = m();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: d(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        t === "horizontal" ? "pl-4" : "pt-4",
+        o
+      ),
+      ...r
+    }
+  );
+}
+function B({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const { orientation: c, scrollPrev: i, canScrollPrev: u } = m();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      "data-slot": "carousel-previous",
+      variant: r,
+      size: t,
+      className: d(
+        "absolute size-8 rounded-full",
+        c === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !u,
+      onClick: i,
+      ...s,
+      children: [
+        /* @__PURE__ */ n(g, {}),
+        /* @__PURE__ */ n("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function q({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const { orientation: c, scrollNext: i, canScrollNext: u } = m();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      "data-slot": "carousel-next",
+      variant: r,
+      size: t,
+      className: d(
+        "absolute size-8 rounded-full",
+        c === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !u,
+      onClick: i,
+      ...s,
+      children: [
+        /* @__PURE__ */ n(p, {}),
+        /* @__PURE__ */ n("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+export {
+  I as Carousel,
+  K as CarouselContent,
+  L as CarouselItem,
+  q as CarouselNext,
+  B as CarouselPrevious
+};