@usefragments/ui 1.0.0

package/dist/components/Header/index.cjs

@@ -0,0 +1,378 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const reactDom = require("react-dom");
+const menu = require("@base-ui/react/menu");
+const react = require("@phosphor-icons/react");
+const a11y = require("../../utils/a11y.cjs");
+const index$1 = require("../ScrollArea/index.cjs");
+const Header_module = require("./Header.module.scss.cjs");
+const index = require("../Sidebar/index.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const HeaderContext = React__namespace.createContext(null);
+function useHeaderContext() {
+  const ctx = React__namespace.useContext(HeaderContext);
+  if (!ctx) {
+    throw new Error("Header compound components must be used within a Header");
+  }
+  return ctx;
+}
+const HeaderIconContext = React__namespace.createContext(void 0);
+function useHeaderIcons() {
+  return React__namespace.useContext(HeaderIconContext);
+}
+function renderHeaderIcon(slot, state) {
+  if (slot === void 0) return void 0;
+  return typeof slot === "function" ? slot(state) : slot;
+}
+function composeEventHandlers(userHandler, internalHandler) {
+  return (event) => {
+    userHandler == null ? void 0 : userHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(max-width: 767px)");
+    setIsMobile(mq.matches);
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isMobile;
+}
+function HeaderRoot({
+  children,
+  height = "56px",
+  position = "static",
+  icons,
+  className,
+  style: styleProp,
+  ...htmlProps
+}) {
+  const [mobileOpen, setMobileOpen] = React__namespace.useState(false);
+  const classes = [
+    Header_module.default.header,
+    position === "fixed" && Header_module.default.fixed,
+    position === "sticky" && Header_module.default.sticky,
+    className
+  ].filter(Boolean).join(" ");
+  const style = {
+    "--header-height": height,
+    ...styleProp
+  };
+  const contextValue = React__namespace.useMemo(
+    () => ({ mobileOpen, setMobileOpen, icons }),
+    [mobileOpen, icons]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(HeaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(HeaderIconContext.Provider, { value: icons, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...htmlProps, className: classes, style, "data-position": position, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.container, children }) }) }) });
+}
+function HeaderBrand({ children, href, className, ...htmlProps }) {
+  const classes = [Header_module.default.brand, className].filter(Boolean).join(" ");
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { ...htmlProps, href, className: classes, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function HeaderNav({
+  children,
+  "aria-label": ariaLabel = "Main navigation",
+  className,
+  ...htmlProps
+}) {
+  const classes = [Header_module.default.nav, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Header_module.default.navList, children }) });
+}
+function HeaderNavItem({
+  children,
+  active = false,
+  href,
+  asChild = false,
+  onClick,
+  className,
+  ...htmlProps
+}) {
+  const classes = [
+    Header_module.default.navItem,
+    active && Header_module.default.navItemActive,
+    className
+  ].filter(Boolean).join(" ");
+  const itemProps = {
+    className: classes,
+    onClick,
+    "aria-current": active ? "page" : void 0
+  };
+  if (asChild && React__namespace.isValidElement(children)) {
+    const childProps = children.props;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: React__namespace.cloneElement(children, {
+      ...htmlProps,
+      ...itemProps,
+      onClick: composeEventHandlers(childProps.onClick, onClick ?? (() => {
+      })),
+      className: [classes, childProps.className].filter(Boolean).join(" ")
+    }) });
+  }
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...htmlProps, ...itemProps, href, children }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...htmlProps, ...itemProps, type: "button", children }) });
+}
+function HeaderSearch({
+  children,
+  expandable = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [
+    Header_module.default.search,
+    expandable && Header_module.default.searchExpandable,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function HeaderActions({ children, className, ...htmlProps }) {
+  const classes = [Header_module.default.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function HeaderTrigger({
+  children,
+  "aria-label": ariaLabel = "Toggle navigation",
+  className,
+  onClick,
+  ...htmlProps
+}) {
+  const isMobile = useIsMobile();
+  const sidebar = index.useSidebar();
+  const headerCtx = React__namespace.useContext(HeaderContext);
+  const icons = useHeaderIcons();
+  if (!isMobile) {
+    return null;
+  }
+  const hasSidebarProvider = sidebar.open !== void 0 && sidebar.setOpen !== void 0 && typeof sidebar.setOpen === "function";
+  const isUsingSidebar = hasSidebarProvider && sidebar.isMobile;
+  const open = isUsingSidebar ? sidebar.open : (headerCtx == null ? void 0 : headerCtx.mobileOpen) ?? false;
+  const setOpen = isUsingSidebar ? sidebar.setOpen : (headerCtx == null ? void 0 : headerCtx.setMobileOpen) ?? (() => {
+  });
+  const classes = [Header_module.default.trigger, className].filter(Boolean).join(" ");
+  const iconSlot = open ? icons == null ? void 0 : icons.close : icons == null ? void 0 : icons.menu;
+  const iconState = { slot: open ? "close" : "menu", open };
+  const iconOverride = renderHeaderIcon(iconSlot, iconState);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ...htmlProps,
+      type: "button",
+      className: classes,
+      onClick: composeEventHandlers(onClick, () => setOpen(!open)),
+      "aria-label": ariaLabel,
+      "aria-expanded": open,
+      children: children || iconOverride || (open ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true }))
+    }
+  );
+}
+function HeaderSpacer({ className }) {
+  const classes = [Header_module.default.spacer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes });
+}
+function HeaderNavMenu({
+  label,
+  active = false,
+  className,
+  children,
+  ...htmlProps
+}) {
+  const icons = useHeaderIcons();
+  const triggerClasses = [
+    Header_module.default.navItem,
+    Header_module.default.navMenuTrigger,
+    active && Header_module.default.navItemActive,
+    className
+  ].filter(Boolean).join(" ");
+  const chevronIcon = renderHeaderIcon(icons == null ? void 0 : icons.navMenuChevron, {
+    slot: "navMenuChevron",
+    active
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.Root, { modal: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.Trigger, { className: triggerClasses, children: [
+      label,
+      chevronIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Header_module.default.navMenuChevron, "aria-hidden": true, children: chevronIcon }) : /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: Header_module.default.navMenuChevron, "aria-hidden": true })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { side: "bottom", align: "start", sideOffset: 4, className: Header_module.default.navMenuPositioner, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children }) }) })
+  ] }) });
+}
+function HeaderNavMenuItem({
+  children,
+  href,
+  active = false,
+  asChild = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [
+    Header_module.default.navMenuItem,
+    active && Header_module.default.navMenuItemActive,
+    className
+  ].filter(Boolean).join(" ");
+  if (asChild && React__namespace.isValidElement(children)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      menu.Menu.Item,
+      {
+        ...htmlProps,
+        className: classes,
+        render: children
+      }
+    );
+  }
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsxRuntime.jsx("a", { href }), children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, children });
+}
+function HeaderMobileNav({ children, className }) {
+  const { mobileOpen, setMobileOpen, icons } = useHeaderContext();
+  const drawerRef = React__namespace.useRef(null);
+  a11y.useFocusTrap(drawerRef, mobileOpen);
+  React__namespace.useEffect(() => {
+    if (!mobileOpen) return;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [mobileOpen]);
+  React__namespace.useEffect(() => {
+    if (!mobileOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setMobileOpen(false);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [mobileOpen, setMobileOpen]);
+  if (!mobileOpen) return null;
+  if (typeof document === "undefined") return null;
+  const closeIcon = renderHeaderIcon(icons == null ? void 0 : icons.mobileClose, {
+    slot: "mobileClose",
+    open: true
+  });
+  const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: Header_module.default.mobileNavBackdrop,
+        onClick: () => setMobileOpen(false),
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: drawerRef,
+        className: [Header_module.default.mobileNavDrawer, className].filter(Boolean).join(" "),
+        role: "dialog",
+        "aria-modal": true,
+        "aria-label": "Navigation",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.mobileNavHeader, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: Header_module.default.mobileNavClose,
+              onClick: () => setMobileOpen(false),
+              "aria-label": "Close navigation",
+              children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(index$1.ScrollArea, { orientation: "vertical", className: Header_module.default.mobileNavBody, children })
+        ]
+      }
+    )
+  ] });
+  return reactDom.createPortal(drawerContent, document.body);
+}
+function HeaderMobileNavLink({
+  children,
+  href,
+  active = false,
+  asChild = false,
+  onClick,
+  className,
+  ...htmlProps
+}) {
+  const { setMobileOpen } = useHeaderContext();
+  const classes = [
+    Header_module.default.mobileNavLink,
+    active && Header_module.default.mobileNavLinkActive,
+    className
+  ].filter(Boolean).join(" ");
+  const handleClick = (e) => {
+    onClick == null ? void 0 : onClick(e);
+    if (!e.defaultPrevented) setMobileOpen(false);
+  };
+  if (asChild && React__namespace.isValidElement(children)) {
+    const childProps = children.props;
+    return React__namespace.cloneElement(children, {
+      ...htmlProps,
+      className: [classes, childProps.className].filter(Boolean).join(" "),
+      onClick: composeEventHandlers(childProps.onClick, handleClick)
+    });
+  }
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { ...htmlProps, href, className: classes, onClick: handleClick, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { ...htmlProps, type: "button", className: classes, onClick: handleClick, children });
+}
+function HeaderSkipLink({
+  children = "Skip to main content",
+  href = "#main-content",
+  className
+}) {
+  const classes = [Header_module.default.skipLink, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: classes, children });
+}
+const Header = Object.assign(HeaderRoot, {
+  Brand: HeaderBrand,
+  Nav: HeaderNav,
+  NavItem: HeaderNavItem,
+  NavMenu: HeaderNavMenu,
+  NavMenuItem: HeaderNavMenuItem,
+  Search: HeaderSearch,
+  Actions: HeaderActions,
+  Trigger: HeaderTrigger,
+  Spacer: HeaderSpacer,
+  SkipLink: HeaderSkipLink,
+  MobileNav: HeaderMobileNav,
+  MobileNavLink: HeaderMobileNavLink
+});
+exports.Header = Header;
+exports.HeaderActions = HeaderActions;
+exports.HeaderBrand = HeaderBrand;
+exports.HeaderMobileNav = HeaderMobileNav;
+exports.HeaderMobileNavLink = HeaderMobileNavLink;
+exports.HeaderNav = HeaderNav;
+exports.HeaderNavItem = HeaderNavItem;
+exports.HeaderNavMenu = HeaderNavMenu;
+exports.HeaderNavMenuItem = HeaderNavMenuItem;
+exports.HeaderRoot = HeaderRoot;
+exports.HeaderSearch = HeaderSearch;
+exports.HeaderSkipLink = HeaderSkipLink;
+exports.HeaderSpacer = HeaderSpacer;
+exports.HeaderTrigger = HeaderTrigger;

package/dist/components/Header/index.d.ts

@@ -0,0 +1,155 @@
+import * as React from 'react';
+export interface HeaderIconRenderState {
+    slot: 'menu' | 'close' | 'navMenuChevron' | 'mobileClose';
+    open?: boolean;
+    active?: boolean;
+}
+export type HeaderIconSlot = React.ReactNode | ((state: HeaderIconRenderState) => React.ReactNode);
+export type HeaderIcons = Partial<Record<HeaderIconRenderState['slot'], HeaderIconSlot>>;
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Header height (default: '56px') */
+    height?: string;
+    /** Position behavior */
+    position?: 'static' | 'fixed' | 'sticky';
+    /** Optional icon overrides for internal header controls (mobile trigger + nav menu chevron) */
+    icons?: HeaderIcons;
+}
+export interface HeaderBrandProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Link destination */
+    href?: string;
+}
+export interface HeaderNavProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Accessible label for navigation */
+    'aria-label'?: string;
+}
+export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+    children: React.ReactNode;
+    /** Whether this item is active/current */
+    active?: boolean;
+    /** Link destination */
+    href?: string;
+    /** Render as child element (polymorphic) */
+    asChild?: boolean;
+    /** Click handler */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface HeaderSearchProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Whether search expands on mobile */
+    expandable?: boolean;
+}
+export interface HeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface HeaderTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Custom trigger content */
+    children?: React.ReactNode;
+    /** Accessible label */
+    'aria-label'?: string;
+}
+export interface HeaderNavMenuProps extends React.HTMLAttributes<HTMLLIElement> {
+    /** Trigger label text */
+    label: string;
+    /** Whether any child in the group is active */
+    active?: boolean;
+    children: React.ReactNode;
+}
+export interface HeaderNavMenuItemProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Link destination */
+    href?: string;
+    /** Whether this item is active/current */
+    active?: boolean;
+    /** Render as child element (polymorphic) */
+    asChild?: boolean;
+}
+export interface HeaderMobileNavProps {
+    /** Content rendered inside the mobile drawer */
+    children: React.ReactNode;
+    /** Optional className for the drawer panel */
+    className?: string;
+}
+/**
+ * Header - Root header element
+ */
+declare function HeaderRoot({ children, height, position, icons, className, style: styleProp, ...htmlProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.Brand - Logo/brand slot
+ */
+declare function HeaderBrand({ children, href, className, ...htmlProps }: HeaderBrandProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.Nav - Navigation container (hidden on mobile)
+ */
+declare function HeaderNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: HeaderNavProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.NavItem - Navigation link
+ */
+declare function HeaderNavItem({ children, active, href, asChild, onClick, className, ...htmlProps }: HeaderNavItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.Search - Search input slot (hidden on mobile unless expandable)
+ */
+declare function HeaderSearch({ children, expandable, className, ...htmlProps }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.Actions - Right-side actions container
+ */
+declare function HeaderActions({ children, className, ...htmlProps }: HeaderActionsProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.Trigger - Mobile menu trigger
+ *
+ * Works in two modes:
+ * 1. With SidebarProvider — toggles sidebar open state (existing behavior)
+ * 2. Standalone — toggles Header's internal mobile nav drawer
+ */
+declare function HeaderTrigger({ children, 'aria-label': ariaLabel, className, onClick, ...htmlProps }: HeaderTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Header.Spacer - Flexible spacer to push items apart
+ */
+declare function HeaderSpacer({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.NavMenu - Dropdown navigation group
+ */
+declare function HeaderNavMenu({ label, active, className, children, ...htmlProps }: HeaderNavMenuProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.NavMenuItem - Item inside a NavMenu dropdown
+ */
+declare function HeaderNavMenuItem({ children, href, active, asChild, className, ...htmlProps }: HeaderNavMenuItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.MobileNav - Mobile navigation drawer
+ *
+ * Renders a full-screen slide-in drawer on mobile when the Header.Trigger is toggled.
+ * Place navigation links, actions, or any content as children.
+ */
+declare function HeaderMobileNav({ children, className }: HeaderMobileNavProps): React.ReactPortal | null;
+/**
+ * Header.MobileNavLink - A link inside the mobile drawer
+ */
+declare function HeaderMobileNavLink({ children, href, active, asChild, onClick, className, ...htmlProps }: HeaderNavItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header.SkipLink - Skip to main content link (accessibility)
+ */
+declare function HeaderSkipLink({ children, href, className, }: {
+    children?: React.ReactNode;
+    href?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Header: typeof HeaderRoot & {
+    Brand: typeof HeaderBrand;
+    Nav: typeof HeaderNav;
+    NavItem: typeof HeaderNavItem;
+    NavMenu: typeof HeaderNavMenu;
+    NavMenuItem: typeof HeaderNavMenuItem;
+    Search: typeof HeaderSearch;
+    Actions: typeof HeaderActions;
+    Trigger: typeof HeaderTrigger;
+    Spacer: typeof HeaderSpacer;
+    SkipLink: typeof HeaderSkipLink;
+    MobileNav: typeof HeaderMobileNav;
+    MobileNavLink: typeof HeaderMobileNavLink;
+};
+export { HeaderRoot, HeaderBrand, HeaderNav, HeaderNavItem, HeaderNavMenu, HeaderNavMenuItem, HeaderSearch, HeaderActions, HeaderTrigger, HeaderSpacer, HeaderSkipLink, HeaderMobileNav, HeaderMobileNavLink, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GACtB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC,+FAA+F;IAC/F,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC7E,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqED;;GAEG;AACH,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,MAAe,EACf,QAAmB,EACnB,KAAK,EACL,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,SAAS,EACb,EAAE,WAAW,2CA+Bb;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,2CAYjF;AAED;;GAEG;AACH,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,YAAY,EAAE,SAA6B,EAC3C,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAUhB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,MAAc,EACd,IAAI,EACJ,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CA+CpB;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,UAAkB,EAClB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAQnB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAG/E;AAED;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,YAAY,EAAE,SAA+B,EAC7C,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,kBAAkB,kDAsCpB;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAG1D;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAgCpB;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,MAAc,EACd,OAAe,EACf,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,2CA8BxB;AAED;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,4BA+DrE;AAED;;GAEG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,MAAc,EACd,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAuCpB;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,EACtB,QAAiC,EACjC,IAAsB,EACtB,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA;AAMD,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAajB,CAAC;AAEH,OAAO,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,EACd,eAAe,EACf,mBAAmB,GACpB,CAAC"}