@atom-learning/components 2.69.1 → 3.0.0

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts

@@ -0,0 +1,341 @@
+import React from 'react';
+import { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion';
+import { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent';
+import { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger';
+import { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon';
+import { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem';
+import { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent';
+import { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink';
+import { NavigationMenuVerticalText } from './NavigationMenuVerticalText';
+declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuProps & React.RefAttributes<HTMLElement>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;
+declare type TNavigationVerticalProps = Omit<React.ComponentProps<typeof StyledRoot>, 'delayDuration' | 'skipDelayDuration' | 'defaultValue' | 'value' | 'onValueChange'>;
+declare type TNavigationVerticalType = React.ForwardRefExoticComponent<TNavigationVerticalProps> & {
+    Link: typeof NavigationMenuVerticalLink;
+    Accordion: typeof NavigationMenuVerticalAccordion;
+    AccordionContent: typeof NavigationMenuVerticalAccordionContent;
+    AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger;
+    Item: typeof NavigationMenuVerticalItem;
+    ItemContent: typeof NavigationMenuVerticalItemContent;
+    Icon: typeof NavigationMenuVerticalIcon;
+    Text: typeof NavigationMenuVerticalText;
+};
+export declare const NavigationMenuVertical: TNavigationVerticalType;
+export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js

@@ -0,0 +1,2 @@
+import{Root as e}from"@radix-ui/react-navigation-menu";import o from"react";import{styled as n}from"../../stitches.js";import{NavigationMenuVerticalAccordion as a}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as c}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as m}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as l}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as g}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as p}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as u}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as v}from"./NavigationMenuVerticalText.js";const V=n(e,{width:"100%"}),t=({children:i,...r})=>o.createElement(V,{...r,orientation:"vertical"},o.createElement(u,null,i));t.Link=p,t.Accordion=a,t.AccordionContent=c,t.AccordionTrigger=m,t.Item=g,t.ItemContent=f,t.Icon=l,t.Text=v;export{t as NavigationMenuVertical};
+//# sourceMappingURL=NavigationMenuVertical.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  width: '100%'\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\ntype TNavigationVerticalType =\n  React.ForwardRefExoticComponent<TNavigationVerticalProps> & {\n    Link: typeof NavigationMenuVerticalLink\n    Accordion: typeof NavigationMenuVerticalAccordion\n    AccordionContent: typeof NavigationMenuVerticalAccordionContent\n    AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n    Item: typeof NavigationMenuVerticalItem\n    ItemContent: typeof NavigationMenuVerticalItemContent\n    Icon: typeof NavigationMenuVerticalIcon\n    Text: typeof NavigationMenuVerticalText\n  }\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n  return (\n    <StyledRoot {...rest} orientation=\"vertical\">\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\n  )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"o3BAeA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EA8BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CAAY,GAAGK,EAAM,YAAY,UAChCC,EAAAA,EAAA,cAACC,EAAA,KAA4BH,CAAS,CACxC,EAIJD,EAAuB,KAAOK,EAC9BL,EAAuB,UAAYM,EACnCN,EAAuB,iBAAmBO,EAC1CP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,KAAOS,EAC9BT,EAAuB,YAAcU,EACrCV,EAAuB,KAAOW,EAC9BX,EAAuB,KAAOY"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.d.ts

@@ -0,0 +1,53 @@
+export declare const navigationMenuVerticalItemStyles: {
+    cursor: string;
+    borderRadius: string;
+    display: string;
+    alignItems: string;
+    p: string;
+    pl: string;
+    width: string;
+    '--navigation-menu-vertical-item-font-weight': number;
+    '&[data-active]': {
+        background: string;
+        color: string;
+        '--navigation-menu-vertical-item-font-weight': number;
+    };
+    '&[data-state=open]': {
+        '--navigation-menu-vertical-item-font-weight': number;
+    };
+    '&[data-disabled]': {
+        opacity: number;
+        cursor: string;
+    };
+    '&:not([data-disabled])': {
+        '&:hover': {
+            background: string;
+        };
+        '&:active': {
+            background: string;
+        };
+        '&:focus-visible': {
+            outline: "none";
+            position: string;
+            zIndex: number;
+            boxShadow: string;
+        };
+    };
+    variants: {
+        size: {
+            md: {
+                minHeight: string;
+            };
+            lg: {
+                minHeight: string;
+            };
+        };
+    };
+    textDecoration: string;
+    color: string;
+    border: string;
+    outline: string;
+    font: string;
+    background: string;
+    textAlign: string;
+};

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js

@@ -0,0 +1,2 @@
+import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as t}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";import{resetButtonStyles as e,resetLinkStyles as i}from"../../utilities/style/reset.js";const a={...e,...i,cursor:"pointer",borderRadius:"$2",display:"flex",alignItems:"center",p:"$2",pl:"var(--navigation-menu-vertical-item-pl)",width:"100%","--navigation-menu-vertical-item-font-weight":400,"&[data-active]":{background:"$accent2",color:"$accent9","--navigation-menu-vertical-item-font-weight":600},"&[data-state=open]":{"--navigation-menu-vertical-item-font-weight":600},"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:hover":{background:"$base2"},"&:active":{background:"$base3"},"&:focus-visible":t()},variants:{size:{md:{minHeight:"$4"},lg:{minHeight:"$5"}}}};export{a as navigationMenuVerticalItemStyles};
+//# sourceMappingURL=NavigationMenuVertical.styles.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["import { focusVisibleStyleBlock } from '~/utilities'\nimport { resetButtonStyles, resetLinkStyles } from '~/utilities/style/reset'\n\nexport const navigationMenuVerticalItemStyles = {\n  ...resetButtonStyles,\n  ...resetLinkStyles,\n  cursor: 'pointer',\n  borderRadius: '$2',\n  display: 'flex',\n  alignItems: 'center',\n  p: '$2',\n  pl: `var(--navigation-menu-vertical-item-pl)`,\n  width: '100%',\n  '--navigation-menu-vertical-item-font-weight': 400,\n  '&[data-active]': {\n    background: '$accent2',\n    color: '$accent9',\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[data-state=open]': {\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[data-disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed'\n  },\n  '&:not([data-disabled])': {\n    '&:hover': {\n      background: '$base2'\n    },\n    '&:active': {\n      background: '$base3'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  variants: {\n    size: {\n      md: {\n        minHeight: '$4'\n      },\n      lg: {\n        minHeight: '$5'\n      }\n    }\n  }\n}\n"],"names":["navigationMenuVerticalItemStyles","resetButtonStyles","resetLinkStyles","focusVisibleStyleBlock"],"mappings":"sYAGa,MAAAA,EAAmC,CAC9C,GAAGC,EACH,GAAGC,EACH,OAAQ,UACR,aAAc,KACd,QAAS,OACT,WAAY,SACZ,EAAG,KACH,GAAI,0CACJ,MAAO,OACP,8CAA+C,IAC/C,iBAAkB,CAChB,WAAY,WACZ,MAAO,WACP,8CAA+C,GACjD,EACA,qBAAsB,CACpB,8CAA+C,GACjD,EACA,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,UAAW,CACT,WAAY,QACd,EACA,WAAY,CACV,WAAY,QACd,EACA,kBAAmBC,GACrB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,IACb,EACA,GAAI,CACF,UAAW,IACb,CACF,CACF,CACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.d.ts

@@ -0,0 +1,11 @@
+import { Root } from '@radix-ui/react-collapsible';
+import * as React from 'react';
+import { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem';
+declare type TNavigationMenuVerticalAccordionContextValue = {
+    triggerRef?: React.MutableRefObject<HTMLElement | null>;
+    setTriggerRef?: (HTMLElement: any) => void;
+};
+export declare const NavigationMenuVerticalAccordionContext: React.Context<TNavigationMenuVerticalAccordionContextValue>;
+declare type TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof NavigationMenuVerticalItem>;
+export declare const NavigationMenuVerticalAccordion: ({ defaultOpen, open, onOpenChange, disabled, ...rest }: TNavigationMenuVerticalAccordionProps) => JSX.Element;
+export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.js

@@ -0,0 +1,2 @@
+import{Root as c}from"@radix-ui/react-collapsible";import*as e from"react";import{useCallbackRef as l}from"../../utilities/hooks/useCallbackRef.js";import{NavigationMenuVerticalItem as m}from"./NavigationMenuVerticalItem.js";const r=e.createContext({}),p=({children:t})=>{const[n,o]=l();return e.createElement(r.Provider,{value:{triggerRef:n,setTriggerRef:o}},t)},d=({defaultOpen:t,open:n,onOpenChange:o,disabled:a,...i})=>e.createElement(p,null,e.createElement(c,{defaultOpen:t,open:n,onOpenChange:o,disabled:a,asChild:!0},e.createElement(m,{...i})));export{d as NavigationMenuVerticalAccordion,r as NavigationMenuVerticalAccordionContext};
+//# sourceMappingURL=NavigationMenuVerticalAccordion.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuVerticalAccordion.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\n\ntype TNavigationMenuVerticalAccordionContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const NavigationMenuVerticalAccordionContext =\n  React.createContext<TNavigationMenuVerticalAccordionContextValue>({})\nconst NavigationMenuVerticalAccordionProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <NavigationMenuVerticalAccordionContext.Provider\n      value={{ triggerRef, setTriggerRef }}\n    >\n      {children}\n    </NavigationMenuVerticalAccordionContext.Provider>\n  )\n}\n\ntype TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof NavigationMenuVerticalItem>\nexport const NavigationMenuVerticalAccordion = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  disabled,\n  ...rest\n}: TNavigationMenuVerticalAccordionProps): JSX.Element => {\n  const collapsibleProps = { defaultOpen, open, onOpenChange, disabled }\n  return (\n    <NavigationMenuVerticalAccordionProvider>\n      <Root {...collapsibleProps} asChild>\n        <NavigationMenuVerticalItem {...rest} />\n      </Root>\n    </NavigationMenuVerticalAccordionProvider>\n  )\n}\n"],"names":["NavigationMenuVerticalAccordionContext","React","NavigationMenuVerticalAccordionProvider","children","triggerRef","setTriggerRef","useCallbackRef","NavigationMenuVerticalAccordion","defaultOpen","open","onOpenChange","disabled","rest","Root","NavigationMenuVerticalItem"],"mappings":"iOAWa,MAAAA,EACXC,EAAM,cAA4D,CAAE,CAAA,EAChEC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EACpC,EAAA,OACEL,EAAA,cAACD,EAAuC,SAAvC,CACC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,CAElCF,EAAAA,CACH,CAEJ,EAIaI,EAAkC,CAAC,CAC9C,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,KACGC,CACL,IAGIX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACY,EAAA,CAHsB,YAAAL,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAG5B,QAAO,IACjCV,EAAA,cAACa,EAAA,CAA4B,GAAGF,CAAM,CAAA,CACxC,CACF"}