neos-blocks/dist/index.es3.js

🌟 A simple ui-blocks library built on components from https://ui.shadcn.com/docs/components

import * as e from "react";
import { ResizablePanelGroup as s, ResizablePanel as a, ResizableHandle as c } from "./index.es6.js";
import { cn as i } from "./index.es5.js";
import { TooltipProvider as m } from "./index.es7.js";
import { Separator as n } from "./index.es8.js";
import { Nav as r } from "./index.es9.js";
import { Inbox as p, Folder as h, Send as u, Archive as l, Trash2 as b, Users2 as d, AlertCircle as f, MessagesSquare as v, ShoppingCart as g } from "lucide-react";
const P = ({}) => {
  const [t, o] = e.useState(!1);
  return /* @__PURE__ */ e.createElement(m, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
    s,
    {
      direction: "horizontal",
      className: "h-full max-h-[800px] items-stretch"
    },
    /* @__PURE__ */ e.createElement(
      a,
      {
        defaultSize: 22,
        collapsedSize: 4,
        collapsible: !0,
        minSize: 15,
        maxSize: 20,
        onCollapse: () => o(!0),
        className: i(
          t && "min-w-[50px] transition-all duration-300 ease-in-out"
        )
      },
      /* @__PURE__ */ e.createElement(
        "div",
        {
          className: i(
            "flex h-[52px] items-center justify-center",
            t ? "h-[52px]" : "px-2"
          )
        },
        /* @__PURE__ */ e.createElement("h1", null, "Logo")
      ),
      /* @__PURE__ */ e.createElement(n, null),
      /* @__PURE__ */ e.createElement(
        r,
        {
          isCollapsed: t,
          links: [
            {
              title: "Inbox",
              label: "128",
              icon: p,
              variant: "default"
            },
            {
              title: "Drafts",
              label: "9",
              icon: h,
              variant: "ghost"
            },
            {
              title: "Sent",
              label: "",
              icon: u,
              variant: "ghost"
            },
            {
              title: "Junk",
              label: "23",
              icon: l,
              variant: "ghost"
            },
            {
              title: "Trash",
              label: "",
              icon: b,
              variant: "ghost"
            },
            {
              title: "Archive",
              label: "",
              icon: l,
              variant: "ghost"
            }
          ]
        }
      ),
      /* @__PURE__ */ e.createElement(n, null),
      /* @__PURE__ */ e.createElement(
        r,
        {
          isCollapsed: t,
          links: [
            {
              title: "Social",
              label: "972",
              icon: d,
              variant: "ghost"
            },
            {
              title: "Updates",
              label: "342",
              icon: f,
              variant: "ghost"
            },
            {
              title: "Forums",
              label: "128",
              icon: v,
              variant: "ghost"
            },
            {
              title: "Shopping",
              label: "8",
              icon: g,
              variant: "ghost"
            },
            {
              title: "Promotions",
              label: "21",
              icon: l,
              variant: "ghost"
            }
          ]
        }
      )
    ),
    /* @__PURE__ */ e.createElement(c, { withHandle: !0 }),
    /* @__PURE__ */ e.createElement(a, { defaultSize: 75 }, /* @__PURE__ */ e.createElement("div", { className: "flex h-full items-center justify-center p-6" }, /* @__PURE__ */ e.createElement("span", { className: "font-semibold" }, "Content")))
  ));
};
export {
  P as SidebarCollapsible
};
//# sourceMappingURL=index.es3.js.map