import { b as t } from "./chunk-QSZWDE3D.js";
import { d as e } from "./chunk-VPFCY4DH.js";
import { b as o } from "./chunk-T4LMBG2G.js";
import { b as r } from "./chunk-ACVLF55Q.js";
import { c as n, a } from "./chunk-UU2MSQXY.js";
import { d as s, a as p } from "./chunk-T3LIA4YB.js";
import { a as l } from "./chunk-VGRYSAXA.js";
import { VscLayoutSidebarLeftOff as d } from "../../../../node_modules/.pnpm/react-icons@5.5.0_react@18.3.0-canary-3d9b20132-20240124/node_modules/react-icons/vsc/index.js";
import { Type as i } from "@sinclair/typebox";
/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
var y = l({ type: "sidebar", category: "layout", name: "Sidebar", description: "A sidebard element", inlineDragDisabled: !0, aiInstructions: `
    This brick should be used on most sites/pages for navigation. By deault, it will display links
    to the main pages of the site. You can customize the links by using the 'navigation.navItems' prop.
  `.trim(), icon: d, props: n({ container: i.Optional(a({ title: "Main element", children: { backgroundColor: i.Optional(e()), border: i.Optional(r()), shadow: i.Optional(o()), fixedPositioned: i.Optional(t()) }, metadata: { "ui:responsive": !0 } })), navigation: i.Optional(a({ title: "Links", children: { navItems: i.Optional(i.Array(i.Object({ urlOrPageId: s(), label: i.Optional(p("Label")) }), { title: "Navigation items", default: [] })) } })) }) }), k = [{ description: "Standard sidebar with navigation links base on site pages", type: "sidebar", props: {} }, { description: "Sidebar with specified navigation links", type: "sidebar", props: { container: { backgroundColor: "#f0f0f0" }, navigation: { navItems: [{ urlOrPageId: "https://google.com", label: "Google" }, { urlOrPageId: "https://bing.com", label: "Bing" }] } } }];
export {
  y as a,
  k as b
};
//# sourceMappingURL=chunk-LSPN22SI.js.map
