@techsio/ui-kit 0.47.0 → 0.49.0

package/dist/atoms/numeric-input.js

@@ -102,6 +102,9 @@ function NumericInput({ id, name, size, disabled = false, required = false, patt
     const stringDefaultValue = void 0 !== defaultValue ? formatValue(defaultValue) : void 0;
     const service = useMachine(__rspack_external__zag_js_number_input_f1a1f439.machine, {
         id: uniqueId,
+        ids: id ? {
+            input: id
+        } : void 0,
         min,
         max,
         step,

package/dist/internal/molecules/vertical-navigation.context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+const VerticalNavigationContext = createContext(null);
+const VerticalNavigationDepthContext = createContext(0);
+const VerticalNavigationBranchContext = createContext(null);
+function useVerticalNavigationContext() {
+    const context = useContext(VerticalNavigationContext);
+    if (!context) throw new Error("VerticalNavigation parts must be used within VerticalNavigation.Root");
+    return context;
+}
+function useVerticalNavigationBranchContext() {
+    const context = useContext(VerticalNavigationBranchContext);
+    if (!context) throw new Error("VerticalNavigation branch parts must be used within VerticalNavigation.Branch");
+    return context;
+}
+export { VerticalNavigationBranchContext, VerticalNavigationContext, VerticalNavigationDepthContext, useVerticalNavigationBranchContext, useVerticalNavigationContext };

package/dist/internal/molecules/vertical-navigation.styles.js

@@ -0,0 +1,68 @@
+import { tv } from "../../utils.js";
+const verticalNavigationStyles = tv({
+    slots: {
+        root: "min-w-0 text-vertical-navigation-fg",
+        list: "flex min-w-0 list-none flex-col gap-vertical-navigation-list",
+        item: "min-w-0",
+        row: "vertical-navigation-row flex min-w-0 items-start gap-vertical-navigation-row rounded-vertical-navigation-item bg-vertical-navigation-item-bg data-current-path:font-vertical-navigation-path",
+        link: "vertical-navigation-control focus-visible:vertical-navigation-focus flex min-w-0 flex-1 items-center justify-start gap-vertical-navigation-row whitespace-normal rounded-vertical-navigation-item bg-vertical-navigation-item-bg text-start text-inherit hover:bg-vertical-navigation-item-bg-hover data-current:bg-vertical-navigation-item-bg-current data-current-path:font-vertical-navigation-path data-current:font-vertical-navigation-current data-current:text-vertical-navigation-item-fg-current data-disabled:text-vertical-navigation-item-fg-disabled data-disabled:hover:bg-vertical-navigation-item-bg",
+        trigger: "vertical-navigation-control focus-visible:vertical-navigation-focus flex w-full min-w-0 items-center justify-between whitespace-normal rounded-vertical-navigation-item bg-vertical-navigation-item-bg text-start text-inherit hover:bg-vertical-navigation-item-bg-hover disabled:text-vertical-navigation-item-fg-disabled disabled:hover:bg-vertical-navigation-item-bg",
+        indicator: "inline-flex shrink-0 data-[state=open]:rotate-180",
+        content: "data-guide:vertical-navigation-guide min-w-0 rounded-vertical-navigation-group py-vertical-navigation-group data-indented:ms-vertical-navigation-indent",
+        group: "flex min-w-0 flex-col gap-vertical-navigation-group rounded-vertical-navigation-group p-vertical-navigation-group",
+        groupLabel: "mb-vertical-navigation-label font-vertical-navigation-label text-vertical-navigation-label-fg text-vertical-navigation-label-sm",
+        separator: "my-vertical-navigation-group h-vertical-navigation-separator border-0 bg-vertical-navigation-separator-bg"
+    },
+    variants: {
+        variant: {
+            primary: {},
+            secondary: {}
+        },
+        size: {
+            sm: {
+                root: "text-vertical-navigation-sm",
+                link: "min-h-vertical-navigation-item-sm px-vertical-navigation-item-x-sm py-vertical-navigation-item-y-sm",
+                trigger: "min-h-vertical-navigation-item-sm px-vertical-navigation-item-x-sm py-vertical-navigation-item-y-sm",
+                indicator: "text-vertical-navigation-icon-sm",
+                groupLabel: "px-vertical-navigation-item-x-sm"
+            },
+            md: {
+                root: "text-vertical-navigation-md",
+                link: "min-h-vertical-navigation-item-md px-vertical-navigation-item-x-md py-vertical-navigation-item-y-md",
+                trigger: "min-h-vertical-navigation-item-md px-vertical-navigation-item-x-md py-vertical-navigation-item-y-md",
+                indicator: "text-vertical-navigation-icon-md",
+                groupLabel: "px-vertical-navigation-item-x-md"
+            }
+        },
+        tone: {
+            plain: {
+                content: "bg-vertical-navigation-group-bg-plain text-vertical-navigation-group-fg-plain",
+                group: "bg-vertical-navigation-group-bg-plain text-vertical-navigation-group-fg-plain"
+            },
+            subtle: {
+                content: "bg-vertical-navigation-group-bg-subtle text-vertical-navigation-group-fg-subtle",
+                group: "bg-vertical-navigation-group-bg-subtle text-vertical-navigation-group-fg-subtle"
+            },
+            accent: {
+                content: "bg-vertical-navigation-group-bg-accent text-vertical-navigation-group-fg-accent",
+                group: "bg-vertical-navigation-group-bg-accent text-vertical-navigation-group-fg-accent"
+            }
+        }
+    },
+    compoundVariants: [
+        {
+            tone: "accent",
+            variant: "secondary",
+            class: {
+                content: "bg-vertical-navigation-group-bg-secondary text-vertical-navigation-group-fg-secondary",
+                group: "bg-vertical-navigation-group-bg-secondary text-vertical-navigation-group-fg-secondary"
+            }
+        }
+    ],
+    defaultVariants: {
+        size: "md",
+        tone: "plain",
+        variant: "primary"
+    }
+});
+export { verticalNavigationStyles };

package/dist/molecules/form-checkbox.js

@@ -61,11 +61,19 @@ const checkboxVariants = tv({
         size: "md"
     }
 });
-function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled = false, required = false, readOnly = false, children, label, helpText, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", className, onCheckedChange }) {
+function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled = false, required = false, readOnly = false, children, label, helpText, "aria-describedby": ariaDescribedBy, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", className, onCheckedChange }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     const service = useMachine(machine, {
         id: uniqueId,
+        ids: id ? {
+            hiddenInput: id
+        } : void 0,
         name,
         value,
         checked: indeterminate ? "indeterminate" : checked,
@@ -100,7 +108,8 @@ function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate,
                     }),
                     /*#__PURE__*/ jsx("input", {
                         className: styles.hiddenInput(),
-                        ...api.getHiddenInputProps()
+                        ...api.getHiddenInputProps(),
+                        "aria-describedby": describedBy
                     }),
                     labelContent && /*#__PURE__*/ jsxs("span", {
                         className: styles.label(),
@@ -119,6 +128,7 @@ function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate,
                 className: styles.textIndented(),
                 "data-icon": showHelpTextIcon,
                 children: /*#__PURE__*/ jsx(StatusText, {
+                    id: helpTextId,
                     showIcon: showHelpTextIcon,
                     size: size,
                     status: validateStatus,

package/dist/molecules/form-error-summary.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { tv } from "../utils.js";
+const formErrorSummaryVariants = tv({
+    slots: {
+        root: [
+            "flex flex-col gap-100",
+            "rounded-form-control",
+            "border-(length:--border-width-validation)",
+            "border-form-error-summary-border",
+            "bg-form-error-summary-bg",
+            "p-300"
+        ],
+        title: [
+            "text-label-md",
+            "font-medium",
+            "text-form-error-summary-fg"
+        ],
+        list: [
+            "m-0",
+            "flex list-none flex-col gap-100 p-0"
+        ],
+        link: [
+            "text-form-error-summary-fg",
+            "underline",
+            "underline-offset-4",
+            "focus-visible:form-error-summary-focus-ring"
+        ]
+    }
+});
+function FormErrorSummary({ title = "There is a problem", errors, onFieldFocus, className, ref }) {
+    if (0 === errors.length) return null;
+    const styles = formErrorSummaryVariants();
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.root({
+            className
+        }),
+        ref: ref,
+        role: "alert",
+        children: [
+            /*#__PURE__*/ jsx("h2", {
+                className: styles.title(),
+                children: title
+            }),
+            /*#__PURE__*/ jsx("ul", {
+                className: styles.list(),
+                children: errors.map((error)=>/*#__PURE__*/ jsx("li", {
+                        children: /*#__PURE__*/ jsx("a", {
+                            className: styles.link(),
+                            href: `#${error.targetId}`,
+                            onClick: ()=>onFieldFocus?.(error.targetId),
+                            children: error.label
+                        })
+                    }, error.id))
+            })
+        ]
+    });
+}
+FormErrorSummary.displayName = "FormErrorSummary";
+export { FormErrorSummary };

package/dist/molecules/form-input.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Input } from "../atoms/input.js";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
@@ -26,9 +27,15 @@ function FormInputRaw({ id, label, validateStatus = "default", helpText, size =
         ]
     });
 }
-function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", ...props }) {
+function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }) {
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsx(FormInputRaw, {
         helpText: helpText && /*#__PURE__*/ jsx(StatusText, {
+            id: helpTextId,
             status: validateStatus,
             showIcon: showHelpTextIcon,
             size: size,
@@ -37,6 +44,8 @@ function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon
         id: id,
         size: size,
         validateStatus: validateStatus,
+        "aria-invalid": "error" === validateStatus ? true : ariaInvalid,
+        "aria-describedby": describedBy,
         ...props
     });
 }

package/dist/molecules/form-numeric-input.js

@@ -1,8 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { NumericInput } from "../atoms/numeric-input.js";
 import { StatusText } from "../atoms/status-text.js";
-function FormNumericInput({ id, label, validateStatus = "default", helpText, showHelpTextIcon = "default" !== validateStatus, size = "md", required, disabled, children, ...numericInputProps }) {
+function FormNumericInput({ id, label, validateStatus = "default", helpText, showHelpTextIcon = "default" !== validateStatus, size = "md", required, disabled, children, describedBy, ...numericInputProps }) {
+    const helpTextId = useId();
+    const mergedDescribedBy = [
+        describedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-form-field-gap",
         children: [
@@ -19,10 +25,12 @@ function FormNumericInput({ id, label, validateStatus = "default", helpText, sho
                 invalid: "error" === validateStatus,
                 required: required,
                 size: size,
+                describedBy: mergedDescribedBy,
                 ...numericInputProps,
                 children: children
             }),
             helpText && /*#__PURE__*/ jsx(StatusText, {
+                id: helpTextId,
                 status: validateStatus,
                 showIcon: showHelpTextIcon,
                 size: size,

package/dist/molecules/form-textarea.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
 import { Textarea } from "../atoms/textarea.js";
@@ -25,9 +26,15 @@ function FormTextareaRaw({ id, label, validateStatus = "default", helpText, size
         ]
     });
 }
-function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", ...props }) {
+function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }) {
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsx(FormTextareaRaw, {
         helpText: helpText && /*#__PURE__*/ jsx(StatusText, {
+            id: helpTextId,
             status: validateStatus,
             showIcon: showHelpTextIcon,
             size: size,
@@ -36,6 +43,8 @@ function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIc
         id: id,
         size: size,
         validateStatus: validateStatus,
+        "aria-invalid": "error" === validateStatus ? true : ariaInvalid,
+        "aria-describedby": describedBy,
         ...props
     });
 }

package/dist/molecules/vertical-navigation.js

@@ -0,0 +1,228 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { useContext, useId } from "react";
+import { Button } from "../atoms/button.js";
+import { Icon } from "../atoms/icon.js";
+import { LinkButton } from "../atoms/link-button.js";
+import { VerticalNavigationBranchContext, VerticalNavigationContext, VerticalNavigationDepthContext, useVerticalNavigationBranchContext, useVerticalNavigationContext } from "../internal/molecules/vertical-navigation.context.js";
+import { verticalNavigationStyles } from "../internal/molecules/vertical-navigation.styles.js";
+import * as __rspack_external__zag_js_collapsible_508ff486 from "@zag-js/collapsible";
+function VerticalNavigation({ size = "md", maxIndentDepth = 3, dir, className, children, ...props }) {
+    return /*#__PURE__*/ jsx(VerticalNavigationContext.Provider, {
+        value: {
+            size,
+            maxIndentDepth,
+            dir
+        },
+        children: /*#__PURE__*/ jsx(VerticalNavigationDepthContext.Provider, {
+            value: 0,
+            children: /*#__PURE__*/ jsx(VerticalNavigationBranchContext.Provider, {
+                value: null,
+                children: /*#__PURE__*/ jsx("nav", {
+                    ...props,
+                    className: verticalNavigationStyles({
+                        size
+                    }).root({
+                        className
+                    }),
+                    "data-part": "root",
+                    "data-scope": "vertical-navigation",
+                    dir: dir,
+                    children: children
+                })
+            })
+        })
+    });
+}
+VerticalNavigation.Root = VerticalNavigation;
+VerticalNavigation.List = function({ children, className, ...props }) {
+    useVerticalNavigationContext();
+    const depth = useContext(VerticalNavigationDepthContext);
+    return /*#__PURE__*/ jsx(VerticalNavigationDepthContext.Provider, {
+        value: depth + 1,
+        children: /*#__PURE__*/ jsx("ul", {
+            ...props,
+            className: verticalNavigationStyles().list({
+                className
+            }),
+            "data-depth": depth,
+            "data-part": "list",
+            "data-scope": "vertical-navigation",
+            children: children
+        })
+    });
+};
+VerticalNavigation.Item = function({ className, ...props }) {
+    useVerticalNavigationContext();
+    return /*#__PURE__*/ jsx(VerticalNavigationBranchContext.Provider, {
+        value: null,
+        children: /*#__PURE__*/ jsx("li", {
+            ...props,
+            className: verticalNavigationStyles().item({
+                className
+            }),
+            "data-part": "item",
+            "data-scope": "vertical-navigation"
+        })
+    });
+};
+VerticalNavigation.Row = function({ className, ...props }) {
+    useVerticalNavigationContext();
+    const branch = useContext(VerticalNavigationBranchContext);
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        className: verticalNavigationStyles().row({
+            className
+        }),
+        "data-current-path": branch?.containsCurrent || void 0,
+        "data-part": "row",
+        "data-scope": "vertical-navigation"
+    });
+};
+VerticalNavigation.Link = function({ current = false, className, ...props }) {
+    const { size } = useVerticalNavigationContext();
+    const branch = useContext(VerticalNavigationBranchContext);
+    return /*#__PURE__*/ jsx(LinkButton, {
+        ...props,
+        "aria-current": current ? "page" : void 0,
+        className: verticalNavigationStyles({
+            size
+        }).link({
+            className
+        }),
+        "data-current": current || void 0,
+        "data-current-path": branch?.containsCurrent || void 0,
+        "data-part": "link",
+        "data-scope": "vertical-navigation",
+        size: "current",
+        theme: "unstyled"
+    });
+};
+VerticalNavigation.Branch = function({ id, open, defaultOpen, onOpenChange, disabled, getRootNode, containsCurrent = false, children, className, ...props }) {
+    const { dir } = useVerticalNavigationContext();
+    const generatedId = useId();
+    const service = useMachine(__rspack_external__zag_js_collapsible_508ff486.machine, {
+        id: id ?? generatedId,
+        dir,
+        open,
+        defaultOpen,
+        onOpenChange,
+        disabled,
+        getRootNode
+    });
+    const api = __rspack_external__zag_js_collapsible_508ff486.connect(service, normalizeProps);
+    return /*#__PURE__*/ jsx(VerticalNavigationBranchContext.Provider, {
+        value: {
+            api,
+            containsCurrent
+        },
+        children: /*#__PURE__*/ jsx("li", {
+            ...mergeProps(props, api.getRootProps()),
+            className: verticalNavigationStyles().item({
+                className
+            }),
+            "data-current-path": containsCurrent || void 0,
+            "data-part": "branch",
+            "data-scope": "vertical-navigation",
+            children: children
+        })
+    });
+};
+VerticalNavigation.BranchTrigger = function({ className, disabled, ...props }) {
+    const { size } = useVerticalNavigationContext();
+    const { api } = useVerticalNavigationBranchContext();
+    return /*#__PURE__*/ jsx(Button, {
+        ...mergeProps(props, api.getTriggerProps()),
+        className: verticalNavigationStyles({
+            size
+        }).trigger({
+            className
+        }),
+        "data-part": "branch-trigger",
+        "data-scope": "vertical-navigation",
+        disabled: disabled || api.disabled,
+        size: "current",
+        theme: "unstyled"
+    });
+};
+VerticalNavigation.BranchIndicator = function({ className, ...props }) {
+    const { size } = useVerticalNavigationContext();
+    const { api } = useVerticalNavigationBranchContext();
+    return /*#__PURE__*/ jsx("span", {
+        ...mergeProps(props, api.getIndicatorProps()),
+        "aria-hidden": "true",
+        className: verticalNavigationStyles({
+            size
+        }).indicator({
+            className
+        }),
+        "data-part": "branch-indicator",
+        "data-scope": "vertical-navigation",
+        children: /*#__PURE__*/ jsx(Icon, {
+            icon: "token-icon-vertical-navigation-chevron",
+            size: "current"
+        })
+    });
+};
+VerticalNavigation.BranchContent = function({ tone = "plain", variant = "primary", indent = true, showGuide = false, className, ...props }) {
+    const { maxIndentDepth } = useVerticalNavigationContext();
+    const { api } = useVerticalNavigationBranchContext();
+    const depth = useContext(VerticalNavigationDepthContext);
+    return /*#__PURE__*/ jsx("div", {
+        ...mergeProps(props, api.getContentProps()),
+        className: verticalNavigationStyles({
+            tone,
+            variant
+        }).content({
+            className
+        }),
+        "data-guide": showGuide || void 0,
+        "data-indented": indent && depth <= maxIndentDepth || void 0,
+        "data-part": "branch-content",
+        "data-scope": "vertical-navigation",
+        "data-tone": tone,
+        "data-variant": variant
+    });
+};
+VerticalNavigation.Group = function({ tone = "plain", variant = "primary", className, ...props }) {
+    useVerticalNavigationContext();
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        className: verticalNavigationStyles({
+            tone,
+            variant
+        }).group({
+            className
+        }),
+        "data-part": "group",
+        "data-scope": "vertical-navigation",
+        "data-tone": tone,
+        "data-variant": variant
+    });
+};
+VerticalNavigation.GroupLabel = function({ className, ...props }) {
+    const { size } = useVerticalNavigationContext();
+    return /*#__PURE__*/ jsx("h2", {
+        ...props,
+        className: verticalNavigationStyles({
+            size
+        }).groupLabel({
+            className
+        }),
+        "data-part": "group-label",
+        "data-scope": "vertical-navigation"
+    });
+};
+VerticalNavigation.Separator = function({ className, ...props }) {
+    useVerticalNavigationContext();
+    return /*#__PURE__*/ jsx("hr", {
+        ...props,
+        className: verticalNavigationStyles().separator({
+            className
+        }),
+        "data-part": "separator",
+        "data-scope": "vertical-navigation"
+    });
+};
+export { VerticalNavigation };

package/dist/src/atoms/numeric-input.d.ts

@@ -2,7 +2,7 @@
  * NumericInput — @techsio/ui-kit atom.
  *
  * @component NumericInput
- * @componentVersion v1.0.0
+ * @componentVersion v1.0.1
  * @skill numeric-input-usage
  * @changelog libs/ui/stories/changelog/changelog.stories.tsx
  *

package/dist/src/atoms/numeric-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/internal/molecules/vertical-navigation.context.d.ts

@@ -0,0 +1,25 @@
+import type { Api } from "@zag-js/collapsible";
+import type { PropTypes } from "@zag-js/react";
+export type VerticalNavigationSize = "sm" | "md";
+export type VerticalNavigationTone = "plain" | "subtle" | "accent";
+export type VerticalNavigationVariant = "primary" | "secondary";
+export declare const VerticalNavigationContext: import("react").Context<{
+    size: VerticalNavigationSize;
+    maxIndentDepth: number;
+    dir?: "ltr" | "rtl";
+} | null>;
+export declare const VerticalNavigationDepthContext: import("react").Context<number>;
+export declare const VerticalNavigationBranchContext: import("react").Context<{
+    api: Api<PropTypes>;
+    containsCurrent: boolean;
+} | null>;
+export declare function useVerticalNavigationContext(): {
+    size: VerticalNavigationSize;
+    maxIndentDepth: number;
+    dir?: "ltr" | "rtl";
+};
+export declare function useVerticalNavigationBranchContext(): {
+    api: Api<PropTypes>;
+    containsCurrent: boolean;
+};
+//# sourceMappingURL=vertical-navigation.context.d.ts.map

package/dist/src/internal/molecules/vertical-navigation.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-navigation.context.d.ts","sourceRoot":"","sources":["../../../../src/internal/molecules/vertical-navigation.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,CAAA;AAChD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAClE,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,WAAW,CAAA;AAE/D,eAAO,MAAM,yBAAyB;UAC9B,sBAAsB;oBACZ,MAAM;UAChB,KAAK,GAAG,KAAK;SACN,CAAA;AACf,eAAO,MAAM,8BAA8B,iCAAmB,CAAA;AAC9D,eAAO,MAAM,+BAA+B;SACrC,GAAG,CAAC,SAAS,CAAC;qBACF,OAAO;SACX,CAAA;AAEf,wBAAgB,4BAA4B;UAVpC,sBAAsB;oBACZ,MAAM;UAChB,KAAK,GAAG,KAAK;EAgBpB;AAED,wBAAgB,kCAAkC;SAd3C,GAAG,CAAC,SAAS,CAAC;qBACF,OAAO;EAqBzB"}