@theroutingcompany/components 0.0.13 → 0.0.14-3713.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.13",
+  "version": "0.0.14-3713.1",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -21,7 +21,6 @@
     "types"
   ],
   "scripts": {
-    "postpublish": "npm run chromatic",
     "prepublish": "npm run build",
     "format": "prettier ./dist/**/*.{js,css,scss} --write --no-config",
     "clean": "rimraf ./dist ./types",
@@ -29,11 +28,11 @@
     "build-storybook": "storybook build",
     "lint": "eslint --cache src",
     "lint:css": "stylelint src/components/**/*.{tsx,ts}",
-    "prepublishOnly": "npm run build",
     "build:types": "tsc --incremental",
     "build:components": "vite build",
     "build": "npm run clean && npm run build:components && npm run build:types",
-    "chromatic": "npx chromatic --project-token=df154c51409f"
+    "chromatic": "npx chromatic --project-token=df154c51409f",
+    "deploy": "npm run chromatic"
   },
   "sideEffects": false,
   "license": "ISC",

package/types/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,58 @@
+import React, { type PropsWithChildren, type ReactNode } from 'react';
+export declare enum Direction {
+    Up = "Up",
+    Down = "Down"
+}
+/**
+ * Menu
+ */
+interface NavigationMenuProps {
+    direction?: Direction.Up | Direction.Down;
+    children: ReactNode;
+}
+export interface CompoundedComponent extends React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>> {
+    Trigger: typeof Trigger;
+    List: typeof List;
+    Item: typeof Item;
+    Separator: typeof Separator;
+}
+/**
+ * Trigger
+ */
+export type TriggerProps = PropsWithChildren<{
+    open?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}>;
+declare const Trigger: ({ children }: TriggerProps) => JSX.Element;
+/**
+ * List
+ */
+export type ListProps = PropsWithChildren<{
+    width?: number;
+    top?: number;
+    left?: number;
+    open?: boolean;
+    onItemSelect?: () => void;
+    portalIdOverride?: undefined | string;
+}>;
+declare const List: ({ children, portalIdOverride, }: {
+    children: React.ReactNode[];
+    portalIdOverride: string;
+}) => React.ReactPortal;
+interface ItemProps<T extends React.ElementType> {
+    as?: T;
+    children?: React.ReactNode;
+}
+export declare function Item<T extends React.ElementType = "div">({ as, ...props }: ItemProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ItemProps<T>>): JSX.Element;
+declare function Separator(): JSX.Element;
+declare const NavigationMenu: CompoundedComponent & {
+    Trigger: ({ children }: TriggerProps) => JSX.Element;
+    List: ({ children, portalIdOverride, }: {
+        children: React.ReactNode[];
+        portalIdOverride: string;
+    }) => React.ReactPortal;
+    Item: typeof Item;
+    Separator: typeof Separator;
+};
+declare const NavigationMenuPortal: () => JSX.Element;
+export { NavigationMenu, NavigationMenuPortal };

package/types/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './FormControl/FormControl';
 export * from './Heading/Heading';
+export * from './NavigationMenu/NavigationMenu';
 export * from './IconButton/IconButton';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';