@elmeragroup/fuse 0.1.0-canary.1

package/components/sidebar/sidebar-variants.js

@@ -0,0 +1,67 @@
+import { cn } from "../../styles/cn.js";
+import { nativeStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { controlMetrics } from "../../styles/control-size.js";
+import { tv } from "tailwind-variants";
+//#region src/components/sidebar/sidebar-variants.ts
+/**
+* `Sidebar.MenuButton` recipe — module-private, never a facade export.
+* The ref's template strings verbatim (`cva` → `tv`), with two locked rewrites: the
+* `group-has-data-[sidebar=menu-action]` selector keys on `data-slot`, and the
+* `ring-sidebar-ring` focus literals are the canonical `focusRing`.
+*
+* The `h-8` / `h-7` / `h-12` ladder is shell-local navigation-rail geometry, exempt from
+* the `--control-*` control sizes. Collapse motion animates colour and shadow only. The
+* shell width is the one sidebar layout transition `source-contracts.test.ts` allows.
+* The row is a native `<button>` or a `render`ed link, so the state face composes the
+* `native` target, whose `aria-disabled` arm covers a link row, and hover and press sit
+* behind the `enabled-*` gate.
+*/
+const sidebarMenuButtonVariants = tv({
+	base: [
+		"peer/menu-button group/menu-button text-sm data-active:font-medium flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left transition-[color,background-color,box-shadow] group-has-data-[slot=sidebar-menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground data-open:enabled-hover:bg-sidebar-accent data-open:enabled-hover:text-sidebar-accent-foreground enabled-active:bg-sidebar-accent enabled-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+		selfFocusRingClass,
+		nativeStateFaceClass
+	],
+	variants: {
+		variant: {
+			default: "enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground enabled-hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "text-sm h-8",
+			sm: "text-xs h-7",
+			lg: "text-sm h-12 group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/** A sub-button row's height and type at one control size. */
+function subButtonSize(size) {
+	const parts = controlMetrics({ size });
+	return cn(parts.height(), parts.type());
+}
+/**
+* `Sidebar.MenuSubButton` size axis — module-private. Each size takes the control size's
+* height and type: `md` the md height with the density type pair, `sm` the sm height with
+* the fixed `text-sm`. The row keeps its own inset and gap.
+*/
+const sidebarMenuSubButtonVariants = tv({
+	base: [
+		"flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground transition-colors group-data-[collapsible=icon]:hidden data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground enabled-active:bg-sidebar-accent enabled-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+		selfFocusRingClass,
+		nativeStateFaceClass
+	],
+	variants: { size: {
+		md: subButtonSize("md"),
+		sm: subButtonSize("sm")
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { sidebarMenuButtonVariants, sidebarMenuSubButtonVariants };
+
+//# sourceMappingURL=sidebar-variants.js.map

package/components/sidebar/sidebar-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-variants.js","names":[],"sources":["../../../src/components/sidebar/sidebar-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { controlMetrics } from \"../../styles/control-size\";\nimport { nativeStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\n\n/**\n * `Sidebar.MenuButton` recipe — module-private, never a facade export.\n * The ref's template strings verbatim (`cva` → `tv`), with two locked rewrites: the\n * `group-has-data-[sidebar=menu-action]` selector keys on `data-slot`, and the\n * `ring-sidebar-ring` focus literals are the canonical `focusRing`.\n *\n * The `h-8` / `h-7` / `h-12` ladder is shell-local navigation-rail geometry, exempt from\n * the `--control-*` control sizes. Collapse motion animates colour and shadow only. The\n * shell width is the one sidebar layout transition `source-contracts.test.ts` allows.\n * The row is a native `<button>` or a `render`ed link, so the state face composes the\n * `native` target, whose `aria-disabled` arm covers a link row, and hover and press sit\n * behind the `enabled-*` gate.\n */\nexport const sidebarMenuButtonVariants = tv({\n  base: [\n    \"peer/menu-button group/menu-button text-sm data-active:font-medium flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left transition-[color,background-color,box-shadow] group-has-data-[slot=sidebar-menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground data-open:enabled-hover:bg-sidebar-accent data-open:enabled-hover:text-sidebar-accent-foreground enabled-active:bg-sidebar-accent enabled-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n    selfFocusRingClass,\n    nativeStateFaceClass,\n  ],\n  variants: {\n    variant: {\n      default: \"enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground\",\n      outline:\n        \"bg-background shadow-[0_0_0_1px_var(--sidebar-border)] enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground enabled-hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n    },\n    size: {\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- navigation-rail row height, not a control rung\n      default: \"text-sm h-8\",\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- navigation-rail row height, not a control rung\n      sm: \"text-xs h-7\",\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- navigation-rail row height, not a control rung\n      lg: \"text-sm h-12 group-data-[collapsible=icon]:p-0!\",\n    },\n  },\n  defaultVariants: { variant: \"default\", size: \"default\" },\n});\n\n/** A sub-button row's height and type at one control size. */\nfunction subButtonSize(size: \"sm\" | \"md\"): string {\n  const parts = controlMetrics({ size });\n  return cn(parts.height(), parts.type());\n}\n\n/**\n * `Sidebar.MenuSubButton` size axis — module-private. Each size takes the control size's\n * height and type: `md` the md height with the density type pair, `sm` the sm height with\n * the fixed `text-sm`. The row keeps its own inset and gap.\n */\nexport const sidebarMenuSubButtonVariants = tv({\n  base: [\n    \"flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground transition-colors group-data-[collapsible=icon]:hidden data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground enabled-hover:bg-sidebar-accent enabled-hover:text-sidebar-accent-foreground enabled-active:bg-sidebar-accent enabled-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n    selfFocusRingClass,\n    nativeStateFaceClass,\n  ],\n  variants: {\n    size: {\n      md: subButtonSize(\"md\"),\n      sm: subButtonSize(\"sm\"),\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAa,4BAA4B,GAAG;CAC1C,MAAM;EACJ;EACA;EACA;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;EACJ;EACA,MAAM;GAEJ,SAAS;GAET,IAAI;GAEJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CAAC;;AAGD,SAAS,cAAc,MAA2B;CAChD,MAAM,QAAQ,eAAe,EAAE,KAAK,CAAC;CACrC,OAAO,GAAG,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC;AACxC;;;;;;AAOA,MAAa,+BAA+B,GAAG;CAC7C,MAAM;EACJ;EACA;EACA;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI,cAAc,IAAI;EACtB,IAAI,cAAc,IAAI;CACxB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

package/components/sidebar/sidebar.d.ts

@@ -0,0 +1,298 @@
+import { ButtonProps } from "../button/button.js";
+import { SeparatorProps } from "../separator/separator.js";
+import { TooltipContentProps } from "../tooltip/tooltip.js";
+import { sidebarMenuButtonVariants } from "./sidebar-variants.js";
+import { ComponentProps, Dispatch, ReactElement, SetStateAction } from "react";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/sidebar/sidebar.d.ts
+/**
+ * Cookie the open state persists to. HARD invariant: the funnel
+ * `layout.tsx` server-reads `cookieStore.get("sidebar:state")` for SSR open-state, so the
+ * shadcn template's underscore-separated name would silently break it.
+ */
+export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+/** Cookie lifetime in seconds: seven days. */
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;
+/** Desktop rail width, applied as `--sidebar-width` on the Provider wrapper. */
+export declare const SIDEBAR_WIDTH = "16rem";
+/** Mobile Sheet override of `--sidebar-width`. */
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+/** Icon-collapsed rail width, applied as `--sidebar-width-icon` on the Provider wrapper. */
+export declare const SIDEBAR_WIDTH_ICON = "3rem";
+/** Key that toggles the sidebar together with `metaKey` or `ctrlKey` (cmd/ctrl+B). */
+export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+export type SidebarContextValue = {
+  /** Derived from `open`. */
+  state: "expanded" | "collapsed";
+  /** Desktop open state — controlled or internal. */
+  open: boolean;
+  /** Writes the cookie on every call, controlled or not; accepts a boolean or an updater. */
+  setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
+  /** Mobile Sheet state; session-only, never cookie-persisted. */
+  openMobile: boolean;
+  /** React state setter for `openMobile`. */
+  setOpenMobile: Dispatch<SetStateAction<boolean>>;
+  /** From the package-private viewport probe; `false` on the server and first client render. */
+  isMobile: boolean;
+  /** Toggles `openMobile` on mobile, `setOpen(o => !o)` on desktop. */
+  toggleSidebar: () => void;
+};
+/** Toggle, title and description copy; the dictionary defaults unless overridden. */
+export type SidebarLabels = {
+  toggle: string;
+  title: string;
+  description: string;
+};
+/**
+ * The Provider's open/mobile state and toggle. Throws outside
+ * `Sidebar.Provider`.
+ */
+export declare function useSidebar(): SidebarContextValue;
+export type SidebarProviderProps = ComponentProps<"div"> & {
+  /**
+   * Uncontrolled initial open state. SSR pattern: parse the `sidebar:state` cookie
+   * server-side and pass it here.
+   * @default true
+   */
+  defaultOpen?: boolean;
+  /** Controlled open state. */
+  open?: boolean;
+  /**
+   * Controlled setter. When provided, internal state is bypassed but the cookie is still
+   * written on every change.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Copy overrides for the Trigger/Rail label and the mobile Sheet's sr-only title and
+   * description. Defaults to the locale dictionary (`sidebar.*`).
+   */
+  labels?: Partial<SidebarLabels>;
+};
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, labels: labelsProp, className, style, children, ...props }: SidebarProviderProps): ReactElement;
+export declare namespace SidebarProvider {
+  var displayName: string;
+}
+export type SidebarRootProps = ComponentProps<"div"> & {
+  /**
+   * Edge the rail anchors to. Emitted as `data-side`; drives gap rotation, container
+   * offsets, border side and rail cursors.
+   * @default "left"
+   */
+  side?: "left" | "right";
+  /**
+   * `floating` pads the rail and rounds/shadows the inner surface; `inset` pads the rail
+   * and lets the sibling `Sidebar.Inset` react through peer selectors; `sidebar` is flush
+   * with an edge border.
+   * @default "sidebar"
+   */
+  variant?: "sidebar" | "floating" | "inset";
+  /**
+   * `offcanvas` slides the rail off-screen when collapsed; `icon` collapses to
+   * `--sidebar-width-icon`; `none` renders the static branch — which still emits
+   * `group peer` and `data-state/variant/side` for inset compositions.
+   * @default "offcanvas"
+   */
+  collapsible?: "offcanvas" | "icon" | "none";
+  /** Text direction, forwarded to the mobile Sheet content (RTL). */
+  dir?: string;
+};
+/**
+ * The sidebar surface. Its element props (`id`, `aria-*`, `data-*`, handlers, `style`)
+ * land on a different element per branch:
+ * - desktop: the fixed `sidebar-container`;
+ * - mobile: the sheet dialog, with `style` merged over the mobile `--sidebar-width`, so a
+ *   caller's `style` can override the width;
+ * - `collapsible="none"`: the static root div.
+ */
+export declare function SidebarRoot({ side, variant, collapsible, className, style, children, dir, ...props }: SidebarRootProps): ReactElement;
+export declare namespace SidebarRoot {
+  var displayName: string;
+}
+export type SidebarTriggerProps = ButtonProps & {
+  /**
+   * Accessible name for the icon-only trigger. Defaults to the locale
+   * dictionary `sidebar.toggle`.
+   */
+  "aria-label"?: string;
+};
+export declare function SidebarTrigger({ className, onClick, variant, "aria-label": ariaLabel, ...props }: SidebarTriggerProps): ReactElement;
+export declare namespace SidebarTrigger {
+  var displayName: string;
+}
+export type SidebarRailProps = ComponentProps<"button">;
+/**
+ * Reopen control. `visible` re-enables it under the collapsed offcanvas panel's
+ * `visibility: hidden`: a hidden ancestor leaves it out of the accessibility tree and tab
+ * order, but a `visible` descendant is painted and clickable again. (`inert` cannot be
+ * undone from inside, which is why the panel does not use it.)
+ */
+export declare function SidebarRail({ className, ...props }: SidebarRailProps): ReactElement;
+export declare namespace SidebarRail {
+  var displayName: string;
+}
+export type SidebarInsetProps = ComponentProps<"main">;
+export declare function SidebarInset({ className, ...props }: SidebarInsetProps): ReactElement;
+export declare namespace SidebarInset {
+  var displayName: string;
+}
+/**
+ * Typed as `ComponentProps<"input">` (string `className`) rather than the base-ui Input's
+ * props, whose `className` can be a render-prop function `cn` cannot merge.
+ * Composes the library Input so the shared `focusRing` ships with the field box; `h-8` is
+ * the shell-local density exemption.
+ */
+export type SidebarInputProps = ComponentProps<"input">;
+export declare function SidebarInput({ className, ...props }: SidebarInputProps): ReactElement;
+export declare namespace SidebarInput {
+  var displayName: string;
+}
+export type SidebarHeaderProps = ComponentProps<"div">;
+export declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): ReactElement;
+export declare namespace SidebarHeader {
+  var displayName: string;
+}
+export type SidebarFooterProps = ComponentProps<"div">;
+export declare function SidebarFooter({ className, ...props }: SidebarFooterProps): ReactElement;
+export declare namespace SidebarFooter {
+  var displayName: string;
+}
+export type SidebarSeparatorProps = SeparatorProps;
+export declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): ReactElement;
+export declare namespace SidebarSeparator {
+  var displayName: string;
+}
+export type SidebarContentProps = ComponentProps<"div">;
+export declare function SidebarContent({ className, ...props }: SidebarContentProps): ReactElement;
+export declare namespace SidebarContent {
+  var displayName: string;
+}
+export type SidebarGroupProps = ComponentProps<"div">;
+export declare function SidebarGroup({ className, ...props }: SidebarGroupProps): ReactElement;
+export declare namespace SidebarGroup {
+  var displayName: string;
+}
+export type SidebarGroupLabelProps = useRender.ComponentProps<"div">;
+export declare function SidebarGroupLabel({ className, render, ...props }: SidebarGroupLabelProps): ReactElement;
+export declare namespace SidebarGroupLabel {
+  var displayName: string;
+}
+export type SidebarGroupActionProps = useRender.ComponentProps<"button">;
+export declare function SidebarGroupAction({ className, render, ...props }: SidebarGroupActionProps): ReactElement;
+export declare namespace SidebarGroupAction {
+  var displayName: string;
+}
+export type SidebarGroupContentProps = ComponentProps<"div">;
+export declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): ReactElement;
+export declare namespace SidebarGroupContent {
+  var displayName: string;
+}
+export type SidebarMenuProps = ComponentProps<"ul">;
+export declare function SidebarMenu({ className, ...props }: SidebarMenuProps): ReactElement;
+export declare namespace SidebarMenu {
+  var displayName: string;
+}
+export type SidebarMenuItemProps = ComponentProps<"li">;
+export declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): ReactElement;
+export declare namespace SidebarMenuItem {
+  var displayName: string;
+}
+/**
+ * A menu row. Given `aria-disabled="true"`, the row looks disabled but keeps pointer events,
+ * so its Tooltip still opens, and it cancels its own activation: a click or a keyboard Enter
+ * neither follows a link nor runs `onClick`, and a middle-click neither opens a new tab nor
+ * runs `onAuxClick`.
+ */
+export type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & VariantProps<typeof sidebarMenuButtonVariants> & {
+  /**
+   * Current item. Emits `data-active` and the accent background/foreground; pair with
+   * `aria-current="page"` at the call site.
+   * @default false
+   */
+  isActive?: boolean;
+  /**
+   * Collapsed icon-mode label. The button becomes the tooltip trigger (one DOM node is the
+   * menu button, the caller's `render` element and the trigger); the content sits on the
+   * right and is only visible while the desktop rail is collapsed. A string is shorthand
+   * for `{ children }`.
+   */
+  tooltip?: string | TooltipContentProps;
+};
+export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): ReactElement;
+export declare namespace SidebarMenuButton {
+  var displayName: string;
+}
+export type SidebarMenuActionProps = useRender.ComponentProps<"button"> & {
+  /**
+   * Hides the action at `md:` and up until the menu item is hovered or focused within, or
+   * the action reports `aria-expanded` (an open dropdown keeps it visible).
+   * @default false
+   */
+  showOnHover?: boolean;
+};
+export declare function SidebarMenuAction({ className, render, showOnHover, ...props }: SidebarMenuActionProps): ReactElement;
+export declare namespace SidebarMenuAction {
+  var displayName: string;
+}
+export type SidebarMenuBadgeProps = ComponentProps<"div">;
+export declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): ReactElement;
+export declare namespace SidebarMenuBadge {
+  var displayName: string;
+}
+export type SidebarMenuSkeletonProps = ComponentProps<"div"> & {
+  /**
+   * Renders a square icon placeholder before the text bar.
+   * @default false
+   */
+  showIcon?: boolean;
+};
+/**
+ * The text bar's width is CSS-deterministic: `--skeleton-width` cycles
+ * five values in the 50–90% band by the parent row's `:nth-child` position, so two mounts
+ * produce identical DOM and server and client agree — the ref randomized the width per mount,
+ * a hydration mismatch by construction.
+ */
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): ReactElement;
+export declare namespace SidebarMenuSkeleton {
+  var displayName: string;
+}
+export type SidebarMenuSubProps = ComponentProps<"ul">;
+export declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): ReactElement;
+export declare namespace SidebarMenuSub {
+  var displayName: string;
+}
+export type SidebarMenuSubItemProps = ComponentProps<"li">;
+export declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): ReactElement;
+export declare namespace SidebarMenuSubItem {
+  var displayName: string;
+}
+/**
+ * A sub-menu row, an anchor by default. Given `aria-disabled="true"`, the row looks disabled
+ * and cancels its own activation: a click or a keyboard Enter neither follows the link nor
+ * runs `onClick`, and a middle-click neither opens a new tab nor runs `onAuxClick`.
+ */
+export type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & {
+  /**
+   * Row size, emitted as `data-size`. `md` takes the md control size's height and the
+   * density type pair; `sm` takes the sm control size's height and fixed `text-sm`.
+   * @default "md"
+   */
+  size?: "sm" | "md";
+  /**
+   * Current item. Emits `data-active` and the accent background/foreground.
+   * @default false
+   */
+  isActive?: boolean;
+};
+export declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: SidebarMenuSubButtonProps): ReactElement;
+export declare namespace SidebarMenuSubButton {
+  var displayName: string;
+}
+export type SidebarIconProps = ComponentProps<"div">;
+/** Funnel addition (no shadcn equivalent): centers a brand mark in the footer, full width in icon mode. */
+export declare function SidebarIcon({ className, ...props }: SidebarIconProps): ReactElement;
+export declare namespace SidebarIcon {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=sidebar.d.ts.map

package/components/sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"mappings":";;;;;;;;;;;;;qBAmDa;;qBAEA;;qBAEA;;qBAEA;;qBAEA;;qBAEA;YAED;;EAEV;;EAEA;;EAEA,UAAU,kBAAkB;;EAE5B;;EAEA,eAAe,SAAS;;EAExB;;EAEA;;;YAIU;EACV;EACA;EACA;;;;;;wBAwBc,cAAc;YAIlB,uBAAuB;;;;;;EAMjC;;EAEA;;;;;EAKA,gBAAgB;;;;;EAKhB,SAAS,QAAQ;;wBAGH,kBACd,aACA,MAAM,UACN,cAAc,aACd,QAAQ,YACR,WACA,OACA,aACG,SACF,uBAAuB;yBATV;MAAA;;YAwGJ,mBAAmB;;;;;;EAM7B;;;;;;;EAOA;;;;;;;EAOA;;EAEA;;;;;;;;;;wBAWc,cACd,MACA,SACA,aACA,WACA,OACA,UACA,QACG,SACF,mBAAmB;yBATN;MAAA;;YAyGJ,sBAAsB;;;;;EAKhC;;wBAGc,iBACd,WACA,SACA,uBACc,cACX,SACF,sBAAsB;yBANT;MAAA;;YA2BJ,mBAAmB;;;;;;;wBAQf,cAAc,cAAc,SAAS,mBAAmB;yBAAxD;MAAA;;YAwBJ,oBAAoB;wBAEhB,eAAe,cAAc,SAAS,oBAAoB;yBAA1D;MAAA;;;;;;;;YAmBJ,oBAAoB;wBAEhB,eAAe,cAAc,SAAS,oBAAoB;yBAA1D;MAAA;;YAUJ,qBAAqB;wBAEjB,gBAAgB,cAAc,SAAS,qBAAqB;yBAA5D;MAAA;;YAIJ,qBAAqB;wBAEjB,gBAAgB,cAAc,SAAS,qBAAqB;yBAA5D;MAAA;;YAIJ,wBAAwB;wBAEpB,mBAAmB,cAAc,SAAS,wBAAwB;yBAAlE;MAAA;;YAUJ,sBAAsB;wBAElB,iBAAiB,cAAc,SAAS,sBAAsB;yBAA9D;MAAA;;YAaJ,oBAAoB;wBAEhB,eAAe,cAAc,SAAS,oBAAoB;yBAA1D;MAAA;;YAUJ,yBAAyB,UAAU;wBAE/B,oBAAoB,WAAW,WAAW,SAAS,yBAAyB;yBAA5E;MAAA;;YAkBJ,0BAA0B,UAAU;wBAEhC,qBAAqB,WAAW,WAAW,SAAS,0BAA0B;yBAA9E;MAAA;;YAmBJ,2BAA2B;wBAEvB,sBAAsB,cAAc,SAAS,2BAA2B;yBAAxE;MAAA;;YAIJ,mBAAmB;wBAEf,cAAc,cAAc,SAAS,mBAAmB;yBAAxD;MAAA;;YAMJ,uBAAuB;wBAEnB,kBAAkB,cAAc,SAAS,uBAAuB;yBAAhE;MAAA;;;;;;;;YAgCJ,yBAAyB,UAAU,2BAC7C,oBAAoB;;;;;;EAMlB;;;;;;;EAOA,mBAAmB;;wBAgBP,oBACd,QACA,UACA,SACA,MACA,SACA,cACG,SACF,yBAAyB;yBARZ;MAAA;;YAmCJ,yBAAyB,UAAU;;;;;;EAM7C;;wBAGc,oBACd,WACA,QACA,gBACG,SACF,yBAAyB;yBALZ;MAAA;;YA0BJ,wBAAwB;wBAEpB,mBAAmB,cAAc,SAAS,wBAAwB;yBAAlE;MAAA;;YAaJ,2BAA2B;;;;;EAKrC;;;;;;;;wBASc,sBACd,WACA,aACG,SACF,2BAA2B;yBAJd;MAAA;;YAmBJ,sBAAsB;wBAElB,iBAAiB,cAAc,SAAS,sBAAsB;yBAA9D;MAAA;;YAaJ,0BAA0B;wBAEtB,qBAAqB,cAAc,SAAS,0BAA0B;yBAAtE;MAAA;;;;;;;YAeJ,4BAA4B,UAAU;;;;;;EAMhD;;;;;EAKA;;wBAGc,uBACd,QACA,MACA,UACA,cACG,SACF,4BAA4B;yBANf;MAAA;;YAqBJ,mBAAmB;;wBAGf,cAAc,cAAc,SAAS,mBAAmB;yBAAxD;MAAA"}